通过 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>
广告
数据结构
网络
关系数据库管理系统
操作系统
Java
iOS
HTML
CSS
Android
Python
C 编程
C++
C#
MongoDB
MySQL
Javascript
PHP