By Scott Isaacs
Internet Explorer 4.0 supports CSS extensions for adding custom effects to your HTML page. These effects are called filters.
Filters can replace many of the current uses of images. For example, the title to this section is plain HTML (try selecting the text) and not an image. The shadow effect was added using a dropShadow filter. In browsers that do not support Filters, the filter is ignored and the header is displayed normally.
Internet Explorer 4.0 currently supports the following visual filters:
| Effect | Description |
|---|---|
| Alpha | Sets a transparency level. |
| Blur | Creates the impression of moving at high speed. |
| Chroma | Makes a specific color transparent. |
| DropShadow | Creates an offset solid silhouette. |
| FlipH | Creates a horizontal mirror image. |
| FlipV | Creates a vertical mirror image. |
| Glow | Adds radiance around the outside edges of the object. |
| Grayscale | Drops color information from the image. |
| Invert | Reverses the hue, saturation, and brightness values. |
| Light | Projects a light source onto an object. |
| Mask | Creates a transparent mask from an object. |
| Shadow | Creates a solid silhouette of the object. |
| Wave | Creates a sine wave distortion along the x-axis. |
| XRay | Shows just the edges of the object. |
Next we will discuss creating filters with the CSS Filter Property.
www.insideDHTML.com
© 1997 by Scott Isaacs