CSS로 웨이브 효과?

<시간/>

웨이브 효과는 물체에 사인파 왜곡을 주어 물결 모양으로 보이게 하는 데 사용됩니다.

이 필터에는 다음 매개변수를 사용할 수 있습니다.

S.No	매개변수 및 설명
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>