阅读内容 

CSS滤镜之Wave属性

[日期:2005-03-23] 来源:中国站长学院  作者:无从考证 [字体: ]
Wave属性用来把对象按照垂直的波纹样式打乱。它的表达式如下:

  Filter:Wave(Add=True(False),Freq=频率,LightStrength=增强光效,
      Phase=偏移量,Strength=强度)

  我们看到Wave属性的表达式还是比较复杂的,它一共有五个参数。Add参数有两个参数值:True代表把对象按照波纹样式打乱;False代表不打乱;
  Freq参数指生成波纹的频率,也就是指定在对象上共需要产生多少个完整的波纹。   LightStrength参数是为了使生成的波纹增强光的效果。参数值可以从0到100。    Phase参数用来设置正弦波开始的偏移量。这个值的通用值为0,它的可变范围为从0到100。这个值代表开始时的偏移量占波长的百分比。比如该值为25,代表正弦波从90度(360*25%)的方向开始。
  说了一大堆,我们还是先看一个实例吧。比如下面这幅图片:

  
下面我们对上面这个页面加上Wave效果,代码如下:

  
   
    wave <a href="http://www.blue1000.com/bkhtml/c23/" title="CSS教程">CSS</a>
   
   
   
   

//*定义DIV区域内为Wave类*//
   

       font-size=72pt; font-weight:bold;
       color:rgb(189,1,64);”>Leaf


   //*设置字体名称、大小、粗细、颜色*//
   

   

//*导入图片*//    
  
  

  这段代码实现的效果如下图:

  如果把Wave的参数随便做一下改动,就会达到多种效果,请看另外一种效果:(如下图):

  其实这种效果只是增大了freq参数的值,减小了Strength、LightStrength的值就可以了。您也可以多试试,改变其他的参数值,还可以达到许多不同的效果来。

阅读:
录入:

推荐 】 【 打印
相关新闻      
本文评论       全部评论
发表评论
  • 尊重网上道德,遵守中华人民共和国的各项有关法律法规
  • 承担一切因您的行为而直接或间接导致的民事或刑事法律责任
  • 本站管理人员有权保留或删除其管辖留言中的任意内容
  • 本站有权在网站内转载或引用您的评论
  • 参与本评论即表明您已经阅读并接受上述条款


点评: 字数
姓名:
Advertisement
内容查询


Advertisement