wave1 [css] clip-path를 이용한 텍스트 안 wave 애니메이션 열심히 일하며 달려오다가 잠깐 시간이 되서, 그동안 생각만 하고 있던 wave 효과들을 한 번 나중에 써먹어볼 생각으로 구글링 하던 중 지금까지 생각하지 못한 clip-path 방법으로 wave 효과를 주는 방법이 있어서 따라해 봄~ 일단 결과물은... 직접 해보니 쉽게 구현이 가능함.🙀 예시 코드 minitoy 코드를 보면 글자 안에 들어가있는 것처럼 보이게 하는 핵심 코드는 바로 clip-path임. clip-path clip-path는 inset, circle, ellipse, polygon와 같이 기본적인 도형부터 직접 도형을 그릴 수 있는 path()도 가능함. (포토샵의 path툴처럼!) 이제 왠만해서 포토샵에 있는 기본적인 기능들은 브라우저에서 가능한 느낌이... 혹시 크롬에서만 되는게 아닌.. 2023. 4. 26. 이전1 1 다음 728x90 반응형