Computer >> Máy Tính >  >> Lập trình >> CSS

Cung cấp cho đối tượng một biến dạng sóng sin để làm cho nó trông như sóng với CSS


Hiệu ứng sóng được sử dụng để cung cấp cho đối tượng một biến dạng sóng hình sin để làm cho nó trông như gợn sóng.

Các thông số sau có thể được sử dụng trong bộ lọc này

S.Không
Thông số &Mô tả
1
Thêm
Giá trị 1 thêm hình ảnh gốc vào hình ảnh vẫy tay, 0 thì không.
2
Tần suất
Số lượng sóng.
3
Ánh sáng
Cường độ ánh sáng trên sóng (từ 0 đến 100).
4
Giai đoạn
Sóng sin nên bắt đầu ở mức độ nào (từ 0 đến 100).
5
Sức mạnh
Cường độ của hiệu ứng sóng.

Ví dụ

Bạn có thể thử chạy mã sau để đặt hiệu ứng sóng -

<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>