Blur

From Frontal Wiki

Purpose

This style is part of a group of styles used to apply a blur to visual elements. With it you can produce a number of types of blurs ranging from a soft focus to a Gaussian blur.

Value

The blur style accepts decimal values stated as pixels (px). This style sets both the X and Y value of the blur filter. The default value is 0.

blur: 15px ;

Remarks

This style is part of a group of styles used to apply a Flash BlurFilter to visual elements.

This filter is applied only when the blur-x and blur-y styles (or combined, the blur style) are non-zero.

• blur-x: Maps to the blurX property of the filter.
• blur-y: Maps to the blurY property of the filter.
• blur: Sets both the blurX and blurY properties.
• blur-quality: Sets the quality of the filter.

Example

<style><![CDATA[
    img
    {			
	blur: 25px;
        margin: auto;
    }
]]></style>
<img src="http://www.frontalcode.com/assets/images/image_1.jpg" />

Can Be Applied To

This style can be applied to all visual elements in particular:

• div
• document
• img
• text
• video
• form
• input