當對一個對象使用“Glow”屬性後，這個對象的邊緣就會產生類似發光的效果。它的運算式如下：
Filter：Glow（Color=color，Strength=strength）
Glow屬性的參數只有兩個：Color是指定發光的顏色，Strength指定發光的強度，參數值從1到255。
讓我們先來看一下加上Glow屬性的效果圖：
怎麼樣，是不是有一種燃燒的火焰的感覺。實現這種效果的代碼如下：
| 代碼如下 | 複製代碼 |
| <html> <head> <title>filter glow</title> <style>//*開始設定CSS樣式*// <!-- .leaf{position：absolute； top：20； width：400； filter：glow(color=#FF3399,strength=15)；} //*設定類leaf，絕對位置，Glow濾鏡屬性，發光顏色值為#FF3399，強度為 15*// .weny{position：absolute； top：70； left：50； width：300； filter：glow(color=#9966CC,strength=10)；} //*設定類weny，絕對位置，glow濾鏡屬性，發光顏色值為#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>//*設定字型名稱、大小、粗細、顏色*// </div> <div class=“weny”>//*weny類樣式*// <p style=“font-family：bailey； font-size：48pt； font-weight：bold；color：#99CC66；”> //設定字型名稱、大小、粗細、顏色*// Weny Good!</p> </div> </body> </html> |
|
您還可以隨意修改顏色值，看看其他的光暈效果是怎樣的。
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
