手机
当前位置:查字典教程网 >网页设计 > Div+Css教程 >CSS Wave滤镜用法示例
CSS Wave滤镜用法示例
摘要: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

【CSS Wave滤镜用法示例】相关文章:

CSS样式颜色属性的使用

用CSS让< pre>标签自动换行

CSS提高渲染性能实现方法

CSS导航菜单制作教程

CSS常用样式效果

CSS font用法定义详解

CSS滤镜实现的颜色渐变翻转效果

CSS的滤镜的效果详细介绍

CSS常用信息速查手册

CSS定义标题的实例讲解

精品推荐
分类导航