CSS Wave滤镜用法示例
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)">

效果实例演示:

CSS Wave滤镜用法示例1
推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
相关阅读
网友关注
最新 Div+Css教程学习
热门 Div+Css教程学习
网页设计子分类