aspxtreme

CSS Filters and Transitions

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.

See Also

CSS Filter Properties and Methods



Books and more ...

Contents
HTML Elements / DOM Objects
HTML Element Attributes
CSS Attributes
DOM Object Properties
DOM-compliant Events Reference
DOM Methods Reference
DOM Collections Reference
 


Suggested Reading



Previous page Back to top Next page

Check out related books at Amazon

© 2000-2008 Rey Nuñez All rights reserved.

If you have any question, comment or suggestion
about this site, please send us a note

You can help support aspxtreme