Glow-inner

From Frontal Wiki

Purpose

This style is part of a group of styles used to apply a glow to visual elements. This style determines whether or not the the glow is within the element.

Value

The glow-inner style accepts boolean values true (inner glow) and false (outer glow). The default value is false.

glow-inner: 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.

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

Example

<style><![CDATA[
    div
    {
	glow-blur: 30;
	glow-strength: 1;
        glow-color: #FF0000;
        glow-inner: 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