CSS Filters (IE Only)

The filter properties in a DHTML CSS element are used to add styles and effects to text or images.

You can add them just as you would any CSS element in your style tags, either locally, internally, or as an external sheet. The following is a list of some of the filter properties, and what they do.  

1. Alpha - sets the opacity of the element
2. Blur - makes the element blur
3. Chroma - makes the specified color transparent
4. Fliph - flips the element horizontally
5. Flipv - flips the element vertically
6. Glow - makes the element glow
7. Gray - renders the element in black and white
8. Invert - renders the element in its reverse color and brightness values
9. Mask - renders the element with the specified background color, and transparent foreground color
10. Shadow - renders the element with a shadow
11. Dropshadow - renders the element with a dropshadow
12. Wave - renders the element like a wave
13. Xray - renders the element in black and white with reverse color and brightness values

 There are different arguments each of these properties attain. Here's a list of each of their attributes:  

1. Alpha:
   • opacity
   • finishopacity
   • style
   • startx
   • starty
   • finishx
   • finishy
2. Blur:
   • add
   • direction
   • strength
3. Chroma:
   • color
4. Fliph:
   • -none
5. Flipv:
   • -none
6. Glow:
   • color
   • strength
7. Gray:
   • -none
8. Invert:
   • -none
9. Mask:
   • color
10. Shadow:
    • color
    • direction
11. Dropshadow:
    • color
    • offx
    • offy
    • positive
12. Wave:
    • add
    • freq
    • lightstrength
    • phase
    • strength
13. Xray:
    • -none

The format for a filter goes as follows:

{filter:(=, =);}