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滤镜的详细用法:
效果实例演示:
CSS Wave滤镜用法示例