使用 CSS 實現波浪效果?
波浪效果用於給物件新增正弦波失真,使其看起來起伏的樣子。
此濾鏡可使用以下引數
| 序列號 | 引數和描述 |
|---|---|
| 1. | 加 1 則為波浪影像新增原始影像,0 則不新增。 |
| 2. | 頻率 波浪數。 |
| 3. | 亮度 波浪上的光強(0 到 100)。 |
| 4. | 相位 正弦波開始的度數(0 到 100)。 |
| 5. | 強度 波浪效果的強度。 |
示例
你可以嘗試執行以下程式碼來設定波浪效果
<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