Demo
Clip Path Shapes & Morph
clip-path의 polygon · circle · inset 함수로 요소를 다양한 모양으로 자르고, hover 시 부드럽게 모핑됩니다. 순수 CSS, 자바스크립트 없음.
정적 도형
Hexagon
Diamond
Arrow
Ticket
Hover 모핑
Image Reveal
inset(0 100% 0 0) → inset(0 0 0 0)
Polygon Morph
top-left cut ↔ bottom-right cut
✨
✨
Spotlight
circle(22%) → circle(75%)