CSS) Clip-Path 속성으로 물결치는(Wave) 글자 만들기

Clip-Path 속성은 CSS의 일부분을 잘라낼 수 있는 CSS의 속성이다.

 

마우스 드래그를 통해 Clip-Path 생성하는 사이트: https://bennettfeely.com/clippy/

 

 

 

 

 

예시)

See the Pen Untitled by Box Cat (@Box-Cat) on CodePen.

 

 

 

 

참고)

-webkit-text-stroke: <width> <color>; 는 '텍스트에 윤곽선을 추가하는데 사용'

ex)
 -webkit-text-stroke: 2px #03a9f4;
>> 두께가 2px이고, 색깔이 #03a9f4 .