![]() | ![]() | ![]() |
| ||
|
Visual Filter
Description
Allows you to manipulate visible objects, with any of the several predefined filter effects listed below.
Syntax
{ filter: filtername(fparameter1, fparameter2...)}
Parameter Description filtername Identifier for a particular visual effect. Possible values are shown in the following table.
Filter 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. Remarks
The Visual Filter control can be applied to any visible object on the HTML page that supports the Filter property, such as DIV and IMG tags.
Visual filters can be chained together to produce interesting effects. To chain multiple filters together, simply set the filter attribute to include more than one filter. For example
<DIV STYLE="position:absolute;filter:blur(direction=315) dropshadow()"> Fantastic Effects! </DIV>In this example, the blur is applied first and then the dropshadow. When working with filters and transitions, the order in which they are applied will often affect the results. Click the Show Me to see the difference.
Each visual object to be filtered requires its own visual filter control. You can apply a visual filter object to a DIV tag to utilize a single set of filter effects on all the visual objects in that region. Since each visual filter object can support multiple concurrent effects, you can use multiple filter effects on a particular object.
Remarks
An asterisk in the following applies to list indicates that a defined height, width, or absolute position is required.
Applies To
BODY, BUTTON, DIV*, IMG, INPUT, MARQUEE, SPAN*, TABLE, TD, TEXTAREA, TFOOT, TH, THEAD, TR
See Also
Reveal Transition Filter, Blend Transition Filter, Properties, Methods, and Events Reference
Top of Page
© 1997 Microsoft Corporation. All rights reserved. Terms of Use.