时间: 2021-07-31 作者:daque
当对一个东西运用“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>
您还不妨随便窜改脸色值,看看其余的发亮功效是还好吗的。