使用 CSS 给对象添加正弦波形失真以使其像波浪一样
波浪效果用于给对象添加正弦波形失真以使其看起来像波浪。
此滤镜可以使用以下参数
| 序号 | 参数 & 说明 |
|---|---|
| 1 | Add 1 的值将原始图像添加到波浪图像,0 则不添加。 |
| 2 | Freq 波浪数量。 |
| 3 | Light 波浪上的光线强度(0 到 100)。 |
| 4 | Phase 正弦波应开始的度数(0 到 100)。 |
| 5 | Strength 波浪效果的强度。 |
示例
你可以尝试运行以下代码来设置波浪效果 −
<html> <head> </head> <body> <img src="/css/images/logo.png"alt="CSS Logo"style="FILTER: Chroma(Color = #000000) Wave(Add=0, Freq=1, LightStrength=10, Phase=220, Strength=10)"> <p>Text Example:</p> <div style="width: 357; height: 50; font-size: 30pt; font-family: Arial Black; color: red; Filter: Wave(Add=0, Freq=1, LightStrength=10, Phase=20, Strength=20)">CSS Tutorials</div> </body> </html>
广告
数据结构
网络
RDBMS
操作系统
Java
iOS
HTML
CSS
Android
Python
C 编程
C++
C#
MongoDB
MySQL
Javascript
PHP