Friday, September 12, 2008

Filter in CSS

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

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

No comments: