|
Filter Type with Example
|
Filter Code
|
|
Blur
Blur
|
<span style="width: 200; height: 100; font-size: 20px; font-family: verdana; color: #FF0000; filter: shadow(color=#FF8C69, direction=200)">Blur</span>
|
|
Dropshadow
Dropshadow
|
<span style="width: 200; height: 100; font-size: 20px; font-family: verdana; color: #FF0000; filter: dropshadow(Color=#FF8C69, OffX=2, OffY=2, positive=2)">Dropshadow</span>
|
|
Alpha Channel (Transparency)
Alpha Channel (Transparency)
|
<span style="width: 200; height: 100; font-size: 20px; font-family: verdana; color: #FF0000; Filter: Alpha">Alpha Channel (Transparency)</span>
|
|
Vertical Flip
Vertical Flip
|
<span style="width: 200; height: 100; font-size: 20px; font-family: verdana; color: #FF0000; filter: flipv">Vertical Flip</span>
|
|
Horizontal Flip
Horizontal Flip
|
<span style="width: 200; height: 100; font-size: 20px; font-family: verdana; color: #FF0000; filter: flipv">Horizontal Flip</span>
|
|
Glow
Glow
|
<span style="width: 200; height: 100; font-size: 20px; font-family: verdana; color: #FF0000; filter: glow(color=#FF8C69, strength=10)">Glow</span>
|
|
Opacity
Opacity
|
<span style="width: 200; height: 100; font-size: 20px; font-family: verdana; color: #ffffff; filter: alpha(opacity=100, finishopacity=0, style=1, startX=0, startY=0, finishX=200, finishY=0)">Opacity</span>
|
|
Shadow Blur
Shadow Blur
|
<span style="width: 200; height: 100; font-size: 20px; font-family: verdana; color: #FF0000; filter: blur(add = 1, direction = 220, strength = 10)">Shadow Blur</span>
|
|
Wave
Wave
|
<span style="width: 200; height: 100; font-size: 20px; font-family: verdana; color: #FF0000; filter: wave(add=0, freq=1, lightstrength=20, phase=10, strength=10)">Wave</span>
|
|
Glowing Link
Glowing Text Link
|
<span style="position:relative; width:200; height:50; filter:glow(color=#FF8C69,strength=2)">
<A href="filters.html">Glowing Text Link</A></SPAN>
|
|
X-Ray
X-Ray
|
<span style="position:relative; width:200; height:50; Filter: xray(color: ff0000,strength=2)">
<A href="filters.html">X-Ray</A></SPAN>
|
|
GrayScale
GrayScale
|
<span style="position:relative; width:200; height:50; Filter: Gray(color: ff0000,strength=2)">
<A href="filters.html">GrayScale</A></SPAN>
|
|
Invert
Invert
|
<span style="position:relative; width:200; height:50; Filter: Invert(color: ff0000,strength=2)">
<A href="filters.html">Invert</A></SPAN>
|