Blur

Use the blur filter makes a picture looked blurred. It makes the picture looks as if it is moving at high speed. The browser averages the pixels for a specified length and direction. You could use it with text but it doesn’t look much different to a drop-shadow.

You can:

• Add the original picture to the motion-blurred picture. Set the add property to 1 to do this or zero to leave the picture out
• The strength of the blur; this is the number of pixels the blur extends. The default is 5 pixels
• Set the direction of the blur. The default is 270 (left)

Possible values are for the direction of the blur are:

For example:

If you want to see a working example, you can look at the Filter Effects page. This HTML page shows the effects of all the visual filters. For each filter, there is an example. Underneath the example, there is a box for each parameter. You can change the values for the parameter and click on the Change button to see the effect. The Reset button restores the example to the initial state.