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

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


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.


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.


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.


Shows content as an embossed texture using grayscale values.

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


Shows content as an engraved texture using grayscale values.

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


Simulates glowing by adding radiance around its outside edges.

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


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


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.


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

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


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.


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 (c) 2018 JavaScript Kit. NO PART may be reproduced without author's permission. Contact Info