Blur-quality

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. Blur-quality affects the number of time the blur filter is applied.

Value

The blur-quality style accepts decimal values. The default value is 1.

blur-quality: 5;

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: 5px;
        blur-quality: 10;
	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