打印本文 打印本文 关闭窗口 关闭窗口
CSS滤镜之blur属性二
作者:武汉SEO闵涛  文章来源:敏韬网  点击数716  更新时间:2009/4/23 13:47:39  文章录入:mintao  责任编辑:mintao

通过blur属性还可以设置页面中的字体。如果把字体的blur属性add参数值定义为1,得出来的字体效果是这样的(如下图):

blur属性字体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属性效果

  用blur属性设置字体可以达到很多效果,把direction和strength再做修改,还能达到多种效果,您可以自己修改试一试。
  这一节我们介绍了Blur属性,下一节将向您介绍Chroma属性。


打印本文 打印本文 关闭窗口 关闭窗口