CSS濾鏡:Glow屬性
當(dāng)對一個對象使用“Glow”屬性后，這個對象的邊緣就會產(chǎn)生類似發(fā)光的效果。它的表達式如下：
Filter：Glow（Color=color，Strength=strength）
Glow屬性的參數(shù)只有兩個：Color是指定發(fā)光的顏色，Strength指定發(fā)光的強度，參數(shù)值從1到255。 讓我們先來看一下加上Glow屬性的效果圖：
怎么樣，是不是有一種燃燒的火焰的感覺。實現(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，強度為
15*//
.weny{position：absolute； top：70； left：50； width：300；
filter：glow(color=#9966CC,strength=10)；}
//*設(shè)置類weny，絕對定位，glow濾鏡屬性，發(fā)光顏色值為#9966CC，強度為
15*//
-->
</style>
</head>
<body>
<div class=“leaf”>//*leaf類樣式*//
<p style=“font-family：lucida handwriting；
font-size：54pt；font-weight：bold；color：#003366；”>
Leaf Mylove</p>//*設(shè)置字體名稱、大小、粗細、顏色*//
</div>
<div class=“weny”>//*weny類樣式*//
<p style=“font-family：bailey； font-size：48pt；
font-weight：bold；color：#99CC66；”>
//設(shè)置字體名稱、大小、粗細、顏色*//
Weny Good!</p>
</div>
</body>
</html>
您還可以隨意修改顏色值，看看其他的發(fā)光效果是怎樣的。
如對本文有疑問，請?zhí)峤坏浇涣髡搲瑥V大熱心網(wǎng)友會為你解答?。?點擊進入論壇
- 上一篇：CSS濾鏡:Chroma屬性
- 下一篇：CSS濾鏡:FlipH、FlipV屬性
