Categories:

JavaScript Kit > IE Filters reference > Here

IE Filters List

Created: May 28th, 2007

Below lists the available filters in IE 5.5+, defined using CSS. Note that there is also IE's Transitions.

IE Filters

Filter Screenshot Summary
Alpha

Changes the opacity (transparency) of an element on the page.

Syntax: filter:progid:DXImageTransform.Microsoft.Alpha()
Attributes: enabled, opacity, style, startX, finishX, startY, finishY, finishOpacity

BasicImage

Manipulates the color processing (ie: gray scale), image rotation, and opacity of a content either individually, or all at once.

Syntax: filter:progid:DXImageTransform.Microsoft.BasicImage()
Attributes: enabled, grayscale, invert, mask, maskcolor, mirror, opacity, rotation, xRay.

Blur

Adds a blur to the given content to make it appear out of focus.

Syntax: filter:progid:DXImageTransform.Microsoft.Blur()
Attributes: enabled, pixelRadius, makeShadow, ShadowOpacity.

DropShadow

Adds a solid silhouette (aka shadow) to a content, offset in the specified direction.

Syntax: filter:progid:DXImageTransform.Microsoft.dropShadow()
Attributes: enabled, color, offX, offY, positive.

Emboss

Shows content as an embossed texture using grayscale values.

Syntax: filter:progid:DXImageTransform.Microsoft.Emboss()
Attributes: Bias, enabled

Engrave

Shows content as an engraved texture using grayscale values.

Syntax: filter:progid:DXImageTransform.Microsoft.Engrave()
Attributes: Bias, enabled

Glow

Simulates glowing by adding radiance around its outside edges.

Syntax: filter:progid:DXImageTransform.Microsoft.Glow()
Attributes: enabled, color, strength.

Light

Adds the effect of a light shining on a content. You manipulate the shape and strength of the light via scripting.

Syntax: filter:progid:DXImageTransform.Microsoft.Light()
Attributes: enabled

MaskFilter

Shows transparent pixels of an object as a color mask, and nontransparent pixels as transparent instead.

Syntax: filter:progid:DXImageTransform.Microsoft.MaskFilter()
Attributes: color, enabled.

MotionBlur

Causes the content of an object to appear to be in motion.

Syntax: filter:progid:DXImageTransform.Microsoft.MotionBlur()
Attributes: add, enabled, direction, strength.

Shadow

Adds a solid silhouette of the content to the object, offset in the specified direction.

Syntax: filter:progid:DXImageTransform.Microsoft.Shadow()
Attributes: color, direction, enabled, strength.

Wave

Performs a sine wave distortion on the content along the vertical axis.

Syntax: filter:progid:DXImageTransform.Microsoft.Wave();
Attributes: add, enabled, freq, lightStrength, phase, strength.

See also: IE Transitions list



Reference List

[an error occurred while processing this directive]

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