filter - MotionBlur() (Filter/visual)

An enhanced motion blur artifact that replaces the older Blur() filter functionality.

Availability:

JScript - 5.5
Internet Explorer - 5.5
Object properties:Enabled, Add, Direction, Strength
Supported by objects:A, ACRONYM, ADDRESS, B, BDO, BIG BLOCKQUOTE, body, BUTTON, CAPTION, CENTER, CITE, CODE, custom, DD, DFN, DIR, DIV, DL, DT, EM, FIELDSET, FONT, FORM, FRAME, Hn, I, IFRAME, IMG, INPUT, INS, KBD, LABEL, LEGEND, LI, MARQUEE, MENU, NOBR, OL, P, PLAINTEXT, PRE, Q, RT, RUBY, runtimeStyle, S, SAMP, SMALL, SPAN, STRIKE, STRONG, style, SUB, SUP, TABLE, TD, TEXTAREA, TH, TT, U, UL, VAR, XMP

This visual filter provides a way of adding motion blur to elements as they are drawn into the display.

The Blur() filter supplied with the version 4.0 of the MSIE browser was really a motion blur. At version 5.5 of MSIE, the filters have been enhanced and rationalized. The result is that the old Blur() filter has been renamed to MotionBlur() and a new Blur() filter has been introduced to provide a simpler Gaussian blur effect without motion artifacts.

The following properties are supported by this filter:

The example shows an image with motion blur applied.

Example code:

   <HTML>
   <HEAD>
   </HEAD>
   <BODY>
   Normal--&gt;
   <IMG ID="NORMAL" SRC="./Logo150.gif">
   Filtered--&gt;
   <IMG ID="MYIMAGE" SRC="./Logo150.gif">
   <BR>
   <SCRIPT>
   myFilter = "progid:DXImageTransform.Microsoft.MotionBlur(direction=60, strength=50, add=0)";
   document.all.MYIMAGE.style.filter = myFilter;
   </SCRIPT>
   </BODY>
   </HTML>

See also:filter - Blur(), Filter object, style.filter

PropertyJavaScriptJScriptNIEOperaNESECMADOMCSSHTMLNotes
Enabled n/a5.5 5.5 n/a5.5 5.5 n/a n/a n/a n/a n/a n/a-
Add n/a5.5 5.5 n/a5.5 5.5 n/a n/a n/a n/a n/a n/a-
Direction n/a5.5 5.5 n/a5.5 5.5 n/a n/a n/a n/a n/a n/a-
Strength n/a5.5 5.5 n/a5.5 5.5 n/a n/a n/a n/a n/a n/a-