Wave 滤镜
语法 {filter:wave(add=add,freq=freq,
lightstrength=strength,
phase=phase,strength=strength)}
参数 说明
wave 把对象按垂直的波形样式打乱。
默认是 TRUE(非0)
ADD 是否要把对象按照波形样式打乱
FREQ 波纹的频率,也就是指定在对象上一共需要产生多少个完整的波纹
LIGHTSTRENGTH 可以对于波纹增强光影的效果,范围0—-100
PHASE 设置正弦波的偏移量
STRENGTH 振幅大小
css滤镜实现 代码 效果拷屏
<img src=”http://edu.cnzz.cn/NewsInfo/pic1.jpg” width=”180″ height=”120″ alt=”正常图片”>
<img src=”http://edu.cnzz.cn/NewsInfo/pic1.jpg”
style=”filter:wave(
add=add,freq=2,
lightstrength=30,
phase=50,strength=5)”
width=”180″ height=”120″>
<img src=”http://edu.cnzz.cn/NewsInfo/pic1.jpg”
style=”filter:wave(
add=add,freq=2,
lightstrength=90,
phase=25,strength=5)”
width=”180″ height=”120″>
欢迎大家阅读《CSS 滤镜――Wave 滤镜_css》,跪求各位点评,若觉得好的话请收藏本文,by 搞代码