Filters (blur, flip, etc.)

originally contributed by: kami neko

Since a lot of you are asking the same freaking question over and over and over again,  and judging by the amount of browser crashing sites there are out there,  I am guess you guys want "filters"
Use of these filters will slow down your page.
"filters" are only compatible on IE (thank gods) and it is never a sound decision to design for only one browser. But I would never accuse you of making sound decisions.
But since you want it so much that you break forum rules and creat new threads to ask for them.. well,  here you go:
NOTE:
In order to make these effect your links when you hover over them use the following code:

<style type="text/css"> <!-- a:hover{filter:filter_here; height:1;} --> </style>

In order to make these effect your linked images when you hover over them use the following code:

<style type="text/css"> <!-- a:hover img {filter:filter_here;}  --> </style>

Alpha Channel (or transparencies)

<img src="rejected-spoon.jpg" style="Filter: Alpha(Opacity=100,  FinishOpacity=0,  Style=2,  StartX=20,  StartY=40,  FinishX=0,  FinishY=0)"> "my spoon is too big!" <span style="color: ff0000; height:1; Filter: Alpha(Opacity=100,  FinishOpacity=0,  Style=1,  StartX=0,  StartY=0,  FinishX=580,  FinishY=0)">"my spoon is too big!"</span> Simply using alpha(opacity=90) is an easy way to make things semi transparent

Blur

<img src="rejected-spoon.jpg" style="Filter: Blur(Add = 0,  Direction = 225,  Strength = 10)"> "my SPOON is too big!" <span style="color: ff0000; height:1; Filter:: Blur(Add = 0,  Direction = 225,  Strength = 5)">"my SPOON is too big!"</span> simply using blur() is good enough for most people.

Drop Shadow

"I am a banana!" <span style="color: ff0000; height:1; Filter: DropShadow(Color=999999,  OffX=2,  OffY=2,  Positive=1)">"I am a banana!"</span>

Vertical Flip

<img src="iamabanana.jpg"style="Filter: FlipV"> "I am a banana" <span style="color: ff0000; height:1; Filter: FlipV">"I am a banana!"</span>

Horizontal Flip

<img src="iamabanana.jpg"style="Filter: FlipH"> "I am a banana" <span style="color: ff0000; height:1; Filter: FlipH">"I am a banana!"</span>

Glow

"I am the queen of France." <style="color: ff0000; height:1; Filter: Glow(Color=00FF00,  Strength=5)">"I am the queen of France."</span>

GrayScale

<img src="queenoffrance.jpg" style="Filter: Gray"> "I am the queen of France." <span style="color: ff0000; height:1; Filter: Gray">"I am the queen of France."</span>

Invert

<img src="bleeding.jpg" style="Filter: Invert"> "My Anus Is Bleeding!" <span style="color: ff0000; height:1; Filter: Invert">"My Anus Is Bleeding!"</span>

Shadow

"My Anus Is Bleeding!" <span style="color: ff0000; height:1; Filter: Shadow(Color=999999, Direction=225)">"My Anus Is Bleeding!"</span>

Wave

<img src="bleeding.jpg" style="Filter: Wave(Add=0,  Freq=5,  LightStrength=20,  Phase=220,  Strength=10)"> "My Anus Is Bleeding!" <span style="color: ff0000; height:1; Filter: Wave(Add=0,  Freq=5,  LightStrength=20,  Phase=220,  Strength=10)">"My Anus Is Bleeding!"</span>

X-Ray

<img src="bleeding.jpg" style="Filter: xray"> "For the Love Of GOD and All that is HOLY! MY ANUS IS BLEEDING!" <span style="color: ff0000; height:1; Filter: xray">"For the Love Of GOD and All that is HOLY! MY ANUS IS BLEEDING!"</span>