您现在的位置: 星云电脑教程 >> 电脑教程 >> 网页制作 >> CSS-HTML >> 正文

CSS滤镜

星云电脑教程 文章来源:本站原创 作者:佚名 更新时间:2004-12-4 11:05:44 点击数有问必答

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

blur属性字体

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

  <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属性。

上一页  [1] [2] [3] [4] [5] [6] [7] [8] [9] [10]  ... 下一页  >> 

>>

  • 上一篇教程:

  • 下一篇教程: