css| Filter When you use the "Glow" attribute on an object, the edge of the object produces a glow-like effect. Its expression is as follows:
Filter:glow (Color=color,strength=strength)
There are only two parameters for the Glow property: Color is the specified glow, strength specifies the intensity of the glow, and the parameter values from 1 to 255. Let's take a look at the effect of adding the Glow property:
How does it feel to have a burning flame. The code that implements this effect is as follows:
<title>filter glow</title>
<style>//* start setting CSS styles *//
<!--
. leaf{position:absolute; top:20; width:400;
Filter:glow (color= #FF3399, strength=15);
* Set class leaf, absolute positioning, glow Filter properties, luminous color value of #ff3399, strength
15*//
. weny{position:absolute top:70; left:50; width:300;
Filter:glow (color= #9966CC, strength=10);
* Set class Weny, absolute positioning, glow Filter properties, luminous color value of #9966cc, strength of
15*//
-->
</style>
<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 font name, size, weight, color *//
</div>
<div class= "Weny" >//*weny class style *//
<p style= "Font-family:bailey; font-size:48pt;
Font-weight:bold;color: #99CC66; ">
Set font name, size, weight, color *//
Weny good!</p>
</div>
</body>
You can also change the color values to see what the glow effect is.