登录模块加载中...
会员投稿 投稿指南 今天是:
打印本页 | 关闭窗口 | 双击滚屏 您的位置首页>>网页制作学习园地>>CSS教程>>CSS滤镜>>blur属性效果
blur属性效果
来源:网页制作学习园地 ‖ 作者:网页制作学习园地 ‖ 点击: ‖ 时间:07-12-13 16:33:38 ‖ 【 】‖ 我要投稿

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



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

  < html >
   < head >
   < title >filter blur< /title >
   < style >//*CSS样式定义开始*//
   < !--
   div{width:200;
   filter:blur(add=true,direction=90,strength=25);}
   file://*设置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 >
   file://*定义字体名称、大小、样式、前景色*//
   < /div >
   < /body >
  < /html >


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



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

加入收藏:  加入收藏夹  | 发送给好友:  发送给好友
责任编辑:admin
  • 上一篇:Chroma属性
  • 下一篇:无
  • 请文明参与讨论,禁止漫骂攻击。  
    网友评论