clip-path

[CSS애니메이션] clip-path animation 이 글에서는 clip-path 설정에 대해 설명하고, clip-path 애니메이션을 학습하며 만들고 싶었던 간단한 애니메이션 예제들을 소개하겠습니다. clip-path clip-path는 요소의 어느 영역을 표시할지 설정하는 CSS 속성입니다. 설정된 영역 내부는 표시되고 외부는 숨겨집니다.clip-path는 다양한 모양을 지정할 수 있으며, 기본적으로 네 가지 모양(circle, ellipse, inset, polygon)을 지원합니다. 또한, SVG를 활용한 복잡한 형태도 사용할 수 있습니다. 모양 설정 더보기…