Visual FilterVisual Filter*
*



Contents  *



Index  *Topic Contents
*Previous Topic: Reveal Transition Filter
*Next Topic: Visual Filter Effects Reference

Visual Filter

Description

Allows you to manipulate visible objects, with any of the several predefined filter effects listed below.

Syntax

{ filter: filtername(fparameter1, fparameter2...)}

ParameterDescription
filternameIdentifier for a particular visual effect. Possible values are shown in the following table.
Filter effectDescription
AlphaSets a transparency level.
BlurCreates the impression of moving at high speed.
ChromaMakes a specific color transparent.
DropShadowCreates an offset solid silhouette.
FlipHCreates a horizontal mirror image.
FlipVCreates a vertical mirror image.
GlowAdds radiance around the outside edges of the object.
GrayscaleDrops color information from the image.
InvertReverses the hue, saturation, and brightness values.
LightProjects a light source onto an object.
MaskCreates a transparent mask from an object.
ShadowCreates a solid silhouette of the object.
WaveCreates a sine wave distortion along the x-axis.
XRayShows 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


Up Top of Page
© 1997 Microsoft Corporation. All rights reserved. Terms of Use.