CSS 滤镜——Wave 滤镜

ZDNet软件频道 时间:2008-09-18 作者: | 天极网 我要评论()
本文关键词:Wave 滤镜 CSS 滤镜 软件
Wave 滤镜语法

Wave 滤镜


参数
说明
wave 把对象按垂直的波形样式打乱。
默认是 TRUE(非0)
ADD 是否要把对象按照波形样式打乱
FREQ 波纹的频率,也就是指定在对象上一共需要产生多少个完整的波纹
LIGHTSTRENGTH 可以对于波纹增强光影的效果,范围0----100
PHASE 设置正弦波的偏移量
STRENGTH 振幅大小

CSS滤镜实现
代码
效果拷屏
正常图片 <img src="pic1.jpg" width="180" height="120" alt="正常图片"> 正常图片
style=filter:wave(add=add,freq=2,lightstrength=30,phase=50,strength=5) <img src="pic1.jpg"
style="filter:wave(
add=add,freq=2,
lightstrength=30,
phase=50,strength=5)"

width="180" height="120">
wave滤镜效果拷屏
filter:wave(add=add,freq=2,lightstrength=90,phase=25,strength=5) <img src="pic1.jpg"
style="filter:wave(
add=add,freq=2,
lightstrength=90,
phase=25,strength=5)"

width="180" height="120">

百度大联盟认证黄金会员Copyright© 1997- CNET Networks 版权所有。 ZDNet 是CNET Networks公司注册服务商标。
中华人民共和国电信与信息服务业务经营许可证编号:京ICP证010391号 京ICP备09041801号-159
京公网安备:1101082134