filter - Blur() (Filter/visual)

A visual filter for blurring objects.

Availability:

JScript - 3.0
Internet Explorer - 4.0
Object properties:Enabled, MakeShadow, PixelRadius, ShadowOpacity
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, FRAMEST, 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. Versions of the MSIE browser prior to version 5.5 implement the MotionBlur() filter as a Blur() filter.

As of the IE 5.5 browser, the Blur effect provides a simple Gaussian blur which is non directional. The Previous motion blurring artifacts is now available with a specialized MotionBlur() filter.

From version 5.5 of MSIE, the properties supported by this filter have changed to this set:

The example shows how to make a blurred shadow effect.

Warnings:

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.Blur(makeshadow=true, pixelradius=5.0, shadowopacity=0.5)";
   document.all.MYIMAGE.style.filter = myFilter;
   </SCRIPT>
   </BODY>
   </HTML>

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

PropertyJavaScriptJScriptNIEOperaNESECMADOMCSSHTMLNotes
Enabled n/a3.0 3.0 n/a4.0 4.0 n/a n/a n/a n/a n/a n/a-
MakeShadow n/a3.0 3.0 n/a4.0 4.0 n/a n/a n/a n/a n/a n/aWarning
PixelRadius n/a3.0 3.0 n/a4.0 4.0 n/a n/a n/a n/a n/a n/aWarning
ShadowOpacity n/a3.0 3.0 n/a4.0 4.0 n/a n/a n/a n/a n/a n/aWarning