opacity Level of the opacity. The default, ), is fully transparent; 100 is fully opaque. finishopacity (Optional) Ranges from 0 (fully transparent) to 100 (fully opaque). style Specifies the shape characteristics of the opacity gradient. Possible values are 0 (uniform), 1 (linear), 2 (radial), or 3 (rectangular). startX X coordinate for opacity gradient to begin. startY Y coordinate for opacity gradient to begin. finishX X coordinate for opacity gradient to end. finishY Y coordinate for opacity gradient to end.

 <SPAN style= "FILTER: Alpha(Opacity=90, FinishOpacity=0, Style=1, StartX=0, StartY=0, FinishX=200, FinishY=0); height:10px;"> ALPHA</SPAN>

add True or false. If true, the image is added to the blurred image; if false, the image is not added to the blurred image. direction The direction of the blur, going clockwise, rounded to 45-degree increments. The default value is 270 (left). 0 = top 45 = top right 90 = right 135 = bottom right 180 = bottom 225 = bottom left 270 = left 315 = top left strength The number of pixels the blur will extend. The default is 5 pixels.

 <span style= "filter: blur(add=false, direction=90, strength=3); height:10px;"> BLUR</span>

color Value of the color to be subject to chromakey transparency. Color is expressed in #RRGGBB format, where RR is the red hexadecimal value, GG is the green hexadecimal value, and BB is the blue hexadecimal value.

 <span style= "FILTER: Chroma( Color=#03010e); height:10px; ">CHROMA</span>

color The color, in #RRGGBB format, of the dropshadow. offX Number of pixels the drop shadow is offset from the visual object, along the x-axis. Positive integers move the drop shadow to the right, negative integers move the drop shadow to the left. offY Number of pixels the drop shadow is offset from the visual object, along the y-axis. Positive integers move the drop shadow down, negative integers move the drop shadow up. positive If true, all opaque pixels of the object have a dropshadow. If false, all transparent pixels have a dropshadow. The default is true.

 <span style= "filter:dropshadow( color=#9BAD71, offx=5, offy=5); height:10px;"> Shadow</span>

Creates a horizontal mirror image of the object.

 <span style= "filter:fliph; height:10px;"> FLIPH</span>

Creates a vertical mirror image of the object.

 <span style= "filter:flipv; height:10px;"> FLIPH</span>

color The color you want the glow to be. strength The intensity of the glow (from 1 to 255).

 <span style= "filter:glow(color=#0099ff, strength=7); height:10px; ">Glow</span>

Converts the the colors of the object to 256 shades of gray.

 <span style= "filter:gray; height:10px; background-color:#ffff00 "> Grayscale</span>

Maps the colors of the object to their opposite value in the color spectrum; a "negative."

 <span style= "filter:invert;height: 10px;"> Invert</span>

Turns transparent pixels to a specified color and makes opaque pixels transparent.

 &lt;span style=&quot;filter:mask(color=#ff0099); height:10px;&quot;&gt;MASK&lt;/span&gt;

color The color that you want the shadow to be. direction The direction that you want the shadow to go in, expressed in terms of degrees clockwise from vertical. The default is 225 degrees (bottom left). 0 = Top 45 = Top right 90 = Right 135 = Bottom right 180 = Bottom 225 = Bottom left 270 = Left 315 = Top left

 <span style= "filter:shadow( color=#0099ff, direction=225); height:10px;"> SHADOW</span>

Gives the object a sine wave distortion to make it look wavey.

 <span style= "filter:wave(add=0, freq=1, lightstrength=2, phase=20, strength=2); height:10px;"> WAVE</span> SHADOW</span>

Grayscales and flattens the color depth.

 <span style="filter:xray; height:10px; background-color:#cc00cc;">XRAY</span>