html图片加波浪滤镜,CSS滤镜wave属性(波形滤镜)

【实例介绍】

CSS滤镜wave属性(波形滤镜)

wave滤镜用来把对象按照垂直的波纹样式打乱。waVe的表达式还是比较复杂的，它一共有5个参数。

【基本语法】

filter：wave(add=参数值，freq=参数值，lightstrength=参数值，phase=参数值，strength=参数值)；

【语法介绍】

add：用于设置是否要把对象按照波形样式打乱。

freq：指生成波纹的频率，也就是指定在对象上共需要产生多少个完整的波纹。

lightstrength：为了使生成的波纹增强光的效果，参数值可以从0到100。

phase：用来设置正弦波开始的偏移量。它的可变范围为从0到1 00。

strength：用于设置波浪的强度大小。

【实例代码】

无标题文档

.p { filter: Wave(Add=true, Freq=2, LightStrength=20, Phase=50, Strength=40);}

原图	Wave滤镜
/>	/>