上一篇 | 下一篇

CSS滤镜之blur属性

发布: 2008-6-27 10:14 | 作者: admin | 来源: | 查看: 1次

  注:在javascript中blur属性是这样定义的:

    [oBlurfilter=] object.Filters.blur

  这个例子是Blur属性的一个比较复杂的例子,下一节我将向您介绍两个较简单的blur属性效果。

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

  怎么样,是不是有些印象派的意思,这种效果的实现代码如下:

  

   

   filter blur

   

   

   

   

   

    font-size:72;font-style:bold;color:rgb(55,72,145);” >

    LEAF

   //*定义字体名称、大小、样式、前景色*//

   

   

  

  我们看到strength设置为25,如果把其值再改大一些,就会达到非常夸张的效果,同时把Direction参数值为180,显示效果如下图:

  用blur属性设置字体可以达到很多效果,把direction和strength再做修改,还能达到多种效果,您可以自己修改试一试。

字号: | 推荐给好友

22/2<12

评分:0

我来说两句

网络推荐