Glow-color

From Frontal Wiki

Purpose

This style is part of a group of styles used to apply a glow to visual elements. This style sets the color of the glow.

Value

The glow-color style accepts hexadecimal color values or Frontal color names. The default value is #444444 or light gray.

glow-color: #444444;

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-color must be used in conjuncture with the glow-strength style. A div needs to have a background-color set for the glow-color to render.

Example

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