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

Hiệu ứng sóng với CSS?

Hiệu ứng sóng được sử dụng để cung cấp cho đối tượng một sự biến dạng sóng 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ẹ
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>