Glow-knockout

From Frontal Wiki

Purpose

This style is part of a group of styles used to apply a glow to visual elements. This style specifies whether the object has a knockout effect. A value of true makes the object's fill transparent and reveals the background color of its parent's Div. The default value is false (no knockout effect).

Value

The glow-knockout style accepts boolean values true and false. The default value is false.

glow-knockout: false;

Remarks

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

This filter is applied only when the glow-alpha and glow-strength styles are non-zero.

• glow-alpha: Maps to the alpha property of the filter.
• glow-strength: Maps to the strength property of the filter.
• glow-blur-x: Maps to the blurX property of the filter.
• glow-blur-y: Maps to the blurY property of the filter.
• glow-blur: Set both the blurX and blurY properties of the filter.
• glow-color: Maps to the color property of the filter.
• glow-inner: Maps to the inner property of the filter.
• glow-knockout: Maps to the knockout property of the filter.
• glow-quality: Maps to the quality property of the filter.

This style must be used in conjuncture with the glow-strength style. A div needs to have a background-color set for the glow knockout to render.

Example

<style><![CDATA[
 
    document  
    {
        background-color: orange;
    }
 
    div
    {
	glow-blur: 30;
	glow-strength: 1;
        glow-color: #FF0000;
        glow-knockout: true;
        background-color: white;
        width: 100px; 
        height: 100px;      
        margin: auto;
    }
]]></style>
<div />

Can Be Applied To

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

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