Filter:Glow(Color=color,Strength=strength)
Glow屬性的參數(shù)只有兩個:Color是指定發(fā)光的顏色,Strength指定發(fā)光的強(qiáng)度,參數(shù)值從1到255。 讓我們先來看一下加上Glow屬性的效果圖:
怎么樣,是不是有一種燃燒的火焰的感覺。實(shí)現(xiàn)這種效果的代碼如下:
<html>
<head>
<title>filter glow</title>
<style>//*開始設(shè)置CSS樣式*//
<!--
.leaf{position:absolute; top:20; width:400;
filter:glow(color=#FF3399,strength=15);}
//*設(shè)置類leaf,絕對定位,Glow濾鏡屬性,發(fā)光顏色值為#FF3399,強(qiáng)度為
15*//
.weny{position:absolute; top:70; left:50; width:300;
filter:glow(color=#9966CC,strength=10);}
//*設(shè)置類weny,絕對定位,glow濾鏡屬性,發(fā)光顏色值為#9966CC,強(qiáng)度為
15*//
-->
</style>
</head>
<body>
<div class=“l(fā)eaf”>//*leaf類樣式*//
<p style=“font-family:lucida handwriting;
font-size:54pt;font-weight:bold;color:#003366;”>
Leaf Mylove</p>//*設(shè)置字體名稱、大小、粗細(xì)、顏色*//
</div>
<div class=“weny”>//*weny類樣式*//
<p style=“font-family:bailey; font-size:48pt;
font-weight:bold;color:#99CC66;”>
//設(shè)置字體名稱、大小、粗細(xì)、顏色*//
Weny Good!</p>
</div>
</body>
</html>
您還可以隨意修改顏色值,看看其他的發(fā)光效果是怎樣的。