 | JavaScript | |||
|---|---|---|---|---|
| Prev | Home | Up | Next |
| Availability: |
| |||
| 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 Enabled property turns the motion blurring effect on and off by setting it to true or false.
The add property can have two values. If it is set to 1, it includes the original image as well as the blurred image. If the value 0 is defined, just the blurred effect is displayed.
The direction property defines the angle of the motion blur with respect to the original object. The value is specified in degrees from 0 to 359 moving clockwise as the values increase.
The strength property defines how many pixels distance to apply the blur effect.
The example shows an image with motion blur applied.
<HTML> <HEAD> </HEAD> <BODY> Normal--> <IMG ID="NORMAL" SRC="./Logo150.gif"> Filtered--> <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 |
| Property | JavaScript | JScript | N | IE | Opera | NES | ECMA | DOM | CSS | HTML | Notes |
|---|---|---|---|---|---|---|---|---|---|---|---|
| Enabled |  | 5.5  | | 5.5 | | | | | | | - |
| Add | | 5.5 | | 5.5 | | | | | | | - |
| Direction | | 5.5 | | 5.5 | | | | | | | - |
| Strength | | 5.5 | | 5.5 | | | | | | | - |
| Prev | Home | Next |
| filter - Matrix() | Up | filter - Pixelate() |
JavaScript Programmer's Reference, Cliff Wootton Wrox Press (www.wrox.com) Join the Wrox JavaScript forum at p2p.wrox.com Please report problems to support@wrox.com © 2001 Wrox Press. All Rights Reserved. Terms and conditions. | ||