使用 CSS 为对象添加正弦波扭曲效果，使其呈现波浪形
cssweb developmentfront end technology更新于 2025/9/9 21:32:17
波浪效果用于为对象添加正弦波扭曲效果，使其呈现波浪形。
此滤镜可使用以下参数
| 序列号 | 参数及说明 |
|---|---|
| 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>
相关文章
有用资源
css 参考教程 - 该教程包含有关 css 的更多信息:https://www.cainiaomax.com/css/
