Computer >> 컴퓨터 >  >> 프로그램 작성 >> CSS

객체에 사인파 왜곡을 주어 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>