Categories:

JavaScript Kit > IE Filters reference > Transitions

IE Transitions List

Created: May 28th, 2007

Below lists the available Transitions (part of the Filters family) in IE 5.5+, defined using CSS. Note that there is also IE's Filters.

IE Transitions

Filter Screenshot Summary
Barn

Reveals content using the effect of opening/ closing doors.

Syntax: filter:progid:DXImageTransform.Microsoft.Barn()
Attributes: duration, enabled, motion, orientation, Percent, status.
Methods: apply(), play(), stop()

Blinds

Reveals content by opening and closing "blinds".

Syntax: filter:progid:DXImageTransform.Microsoft.Blinds();
Attributes: Bands, Direction, duration, enabled, Percent, status.
Methods: apply(), play(), stop()

CheckerBoard

Reveals new content by uncovering squares placed like a checkerboard over the original content.

Syntax: filter:progid:DXImageTransform.Microsoft.CheckerBoard()
Attributes: Direction, duration, enabled, Percent, squaresX, squaresY, status.
Methods: apply(), play(), stop()

Fade

Applies a fade effect to transition from one content to another.

Syntax: filter:progid:DXImageTransform.Microsoft.Fade();
Attributes: center, duration, enabled, overlap, Percent, status.
Methods: apply(), play(), stop()

GradientWipe

Reveals new content by applying a gradient band over the original content.

Syntax: filter:progid:DXImageTransform.Microsoft.GradientWipe();
Attributes: duration, enabled, gradientSize, motion, Percent, status, WipeStyle.
Methods: apply(), play(), stop()

Inset

Shows new content using a diagonal reveal effect.

Syntax: filter:progid:DXImageTransform.Microsoft.Inset()
Attributes: duration, enabled, Percent, status.
Methods: apply(), play(), stop() 

Iris

Reveals new content using an Iris effect (similar to a camera shutter opening).

Syntax: filter:progid:DXImageTransform.Microsoft.Iris();
Attributes: duration, enabled, irisStyle, motion, Percent, status.
Methods: apply(), play(), stop() 

Pixelate

Reveals new content by applying a pixelating effect.

Syntax: filter:progid:DXImageTransform.Microsoft.Pixelate()
Attributes: duration, enabled, maxSquare, Percent, status.
Methods: apply(), play(), stop() 

RadialWipe

Reveals new content using a "windshield wiper" effect.

Syntax: filter:progid:DXImageTransform.Microsoft.RadialWipe()
Attributes: duration, enabled, Percent, status, wipeStyle.
Methods: apply(), play(), stop()

RandomBars

Reveals new content by exposing random lines of pixels.

Syntax: filter:progid:DXImageTransform.Microsoft.RandomBars();
Attributes: duration, enabled, orientation, Percent, status.
Methods: apply(), play(), stop()

RandomDissolve

Reveals new content by exposing random pixels of the content.

Syntax: filter:progid:DXImageTransform.Microsoft.RandomDissolve();
Attributes: duration, enabled, Percent, status.
Methods: apply(), play(), stop()

Slide

Reveals new content by sliding in the new content over the old.

Syntax: filter:progid:DXImageTransform.Microsoft.Slide();
Attributes: bands, duration, enabled, Percent, slideStyle, status.
Methods: apply(), play(), stop()

Spiral

Reveals new content using a spiral animation.

Syntax: filter:progid:DXImageTransform.Microsoft.Spiral();
Attributes: bands, duration, enabled, gridSizeX, gridSizeY, Percent, slideStyle, status.
Methods: apply(), play(), stop()

Stretch

Reveals new content using stretching the new content into view.

Syntax: filter:progid:DXImageTransform.Microsoft.Stretch();
Attributes: duration, enabled, Percent, status, stretchStyle.
Methods: apply(), play(), stop()

Strips

Reveals new content by moving successive strips into place,.

Syntax: filter:progid:DXImageTransform.Microsoft.Strips();
Attributes: duration, enabled, motion, Percent, status.
Methods: apply(), play(), stop()

 
Wheel

Reveals new content using a clockwise wheel effect.

Syntax: filter:progid:DXImageTransform.Microsoft.Wheel();
Attributes: duration, enabled, Percent, spokes, status.
Methods: apply(), play(), stop()

 
Zigzag

Reveals new content by revealing it line by line, from top to bottom, left to right, in a zigzag motion.

Syntax: filter:progid:DXImageTransform.Microsoft.Zigzag();
Attributes: duration, enabled, gridSizeX, gridSizeY, Percent, status.
Methods: apply(), play(), stop()

 

See also: IE's Filters



Reference List

[an error occurred while processing this directive]

CopyRight 1998-2014 JavaScript Kit. NO PART may be reproduced without author's permission.