CSS Wave滤镜用法示例
发布时间:2015-05-12 来源:查字典编辑
摘要:CSSWave滤镜可能很多朋友并不喜欢用,其实用的好了,可以有不少奇异效果。CSSWave滤镜可把对象按垂直方向叠加波形样式,使对象年上去像...
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)">
效果实例演示: