通过blur属性还可以设置页面中的字体。如果把字体的blur属性add参数值定义为1,得出来的字体效果是这样的(如下图):
seout="null" orig_onmouseover="null">
怎么样,是不是有些印象派的意思,这种效果的实现代码如下:
<html> <head> <title>filter blur</title> <style>//*CSS样式定义开始*// <!-- div{width:200; filter:blur(add=true,direction=90,strength=25);} //*设置DIV样式,滤镜blur属性*// --> </style> </head> <body> <div style=“width:702; height: 288”> <p style=“font-family:lucida handwirting italic; font-size:72;font-style:bold;color:rgb(55,72,145);” > LEAF</p> //*定义字体名称、大小、样式、前景色*// </div> </body> </html>
我们看到strength设置为25,如果把其值再改大一些,就会达到非常夸张的效果,同时把Direction参数值为180,显示效果如下图:
用blur属性设置字体可以达到很多效果,把direction和strength再做修改,还能达到多种效果,您可以自己修改试一试。 这一节我们介绍了Blur属性,下一节将向您介绍Chroma属性。
|