建站学习网,专业提供各类建站教程,网页素材,SEO资讯等建站资源!
当前位置:建站学习网 > DIV+CSS教程 > CSS布局实例 >

CSS Wave滤镜用法示例

整理编辑:建站学习网 更新时间:2017-01-08 阅读:0

   CSS Wave滤镜可能很多朋友并不喜欢用,其实用的好了,可以有不少奇异效果。CSS Wave滤镜可把对象按垂直方向叠加波形样式,使对象年上去像波浪一样。语法示例:filter:wave(add=add,freq=freq,lightstrength=strength,phase=phase,strength=strength)。以下是Wave 滤镜各个参数说明:

  wave 把对象按垂直的波形样式打乱。

  默认是 TRUE(非0)

  ADD 是否要把对象按照波形样式打乱

  freq 波纹的频率

  lightstrength 对波纹进行增强光影效果,数值0——100

  phase 设置正弦波的偏移量

  strength 波形振幅大小

  下面通过一个示例代码:演示和介绍CSS Wave滤镜的详细用法:<img src="/jscss/demoimg/wall9.jpg" style="filter:wave(add=add,freq=2,lightstrength=30,phase=50,strength=5)">

  效果实例演示:

转载请注明出处:https://www.dedexuexi.com/divcss/bj/2160.html

关键词:前端