Visual and Transition Filters Reference

Visual and Transition Filters Reference

Internet Explorer 4.0 ships with the following filters:
Blend Transition Filter
Reveal Transition Filter
Visual Filters


Blend Transition Filter

Description

Performs a fade (in or out) of the selected visual object.

Syntax

{ filter: blendTrans(Duration=duration)}

ParameterDescription
duration Length of time the transition should take to complete. Value, float. Value is expressed in seconds.milliseconds (0.000).

Remarks

This attribute is not inherited. 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, Visual Filter, Properties, Methods, and Events Reference


Reveal Transition Filter

Description

Allows you to show or hide visual objects, using any of the 23 predefined types of patterns.

Syntax

{ filter: revealtrans(duration=duration, transition=transitionshape)}

ParameterDescription
duration Length of time the transition should take to complete. Value, float. Value is expressed in seconds.milliseconds (0.000).
transitionshape Shape of the transition (Reveal transition only). Integer. A value from 0 to 23. The transition shape is determined by one of the values shown in the following table.
Transition type Value
Box in 0
Box out 1
Circle in 2
Circle out 3
Wipe up 4
Wipe down 5
Wipe right 6
Wipe left 7
Vertical blinds 8
Horizontal blinds 9
Checkerboard across 10
Checkerboard down 11
Random dissolve 12
Split vertical in 13
Split vertical out 14
Split horizontal in 15
Split horizontal out 16
Strips left down 17
Strips left up 18
Strips right down 19
Strips right up 20
Random bars horizontal 21
Random bars vertical 22
Random 23

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

Blend Transition Filter, Visual Filter, Properties, Methods, and Events 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
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

© 1997 Microsoft Corporation. All rights reserved. Terms of Use.