Abakada ~ Back to Basics CSS Attributes
Visual filters allow us to manipulate the display of visible objects, with any of several predefined filter effects. This section describes the specific filter effects currently supported in Internet Explorer® 4.0 and later.
| Alpha |
Sets the level of opacity for a visual object. |
| Blur |
Creates the impression that the object is moving at a high speed. |
| Chroma |
Renders a color transparent for the selected visual object. |
| Drop Shadow |
Creates the illusion that the visual object is floating. |
| Flip Horizontal |
Creates a mirror image of the visual object, horizontally. |
| Flip Vertical |
Creates a mirror image of the visual object, vertically. |
| Glow |
Gives the object the appearance of a glow. |
| Grayscale |
Renders the object in grayscale. |
| Invert |
Reverses the hue, saturation, and brightness values of the visual object. |
| Light |
Simulates the projection of a light source onto the object. |
| Mask |
Makes a transparent mask of the visual object. |
| Shadow |
Creates the illusion of a shadow around the visual object. |
| Wave |
Creates a wave-like distortion of the object along its vertical axis. |
| XRay |
Makes the visual display look like a black and white x-ray. |
The following example demonstrates the visual filters supported in Internet Explorer®.
Show me
In addition, Internet Explorer® ( since Version 4.0 ) ships with the following transition filters.
| Blend |
Performs a fade of the selected visual object. |
| Reveal |
Allows you to show or hide visual objects. |
CSS Filter Properties and Methods