When the "Glow" attribute is used for an object, the edge of the object will produce a similar luminous effect. Its expression is as follows:
Filter: Glow (Color = color, Strength = strength)
The Glow attribute has only two parameters: Color is the Color of the specified Glow, Strength specifies the Glow intensity, and the parameter value ranges from 1 to 255.
Let's take a look at the effect of adding the Glow attribute:
Is there a burning flame. The code to achieve this effect is as follows:
The code is as follows: |
Copy code |
<Html> <Head> <Title> filter glow </title> <Style> // * start to set the CSS style *// <! -- . Leaf {position: absolute; top: 20; width: 400; Filter: glow (color = # FF3399, strength = 15 );} // * Set the leaf class, absolute positioning, Glow filter attribute, luminous color value: # FF3399, intensity: 15 *// . Weny {position: absolute; top: 70; left: 50; width: 300; Filter: glow (color = # 9966CC, strength = 10 );} // * Set weny, absolute positioning, glow filter attribute, luminous color value: # 9966CC, intensity: 15 *// --> </Style> </Head> <Body> <Div class = "leaf"> // * leaf class style *// <P style = "font-family: lucida handwriting; Font-size: 54pt; font-weight: bold; color: #003366; "> Leaf Mylove </p> // * set the font name, size, width, and color *// </Div> <Div class = "weny"> // * weny class style *// <P style = "font-family: bailey; font-size: 48pt; Font-weight: bold; color: #99CC66; "> // Set the font name, size, width, and color *// Weny Good! </P> </Div> </Body> </Html>
|
You can also modify the color value to see what other luminous effects are.