모핑 & 변형 애니메이션
클리핑 패스
(Clipping Path)
클리핑 패스는 요소의 특정 부분만 보이도록 마스킹하여 창의적이고 역동적인 시각적 효과를 만드는 고급 CSS 기법입니다.
원형, 다각형, 타원, 별 모양 등 다양한 형태로 요소를 잘라내어 독특한 애니메이션과 전환 효과를 구현할 수 있습니다.
화면을 내려 다양한 예시를 확인해보세요
▼기본 텍스트 클리핑 패스
CLIPPING PATH
이미지 클리핑 패스
이미지 위 대형 텍스트 클리핑 패스
카드 클리핑 패스
클리핑 카드
카드 형태의 요소가 다이아몬드 모양으로 잘려나가며 현대적이고 세련된 상호작용 경험을 제공합니다.
버튼 클리핑 패스
그리드 클리핑 패스
그리드 아이템 1
그리드 아이템 2
그리드 아이템 3
그리드 아이템 4
그리드 아이템 5
그리드 아이템 6
복합 클리핑 패스
COMPLEX CLIPPING
배경과 콘텐츠에 각각 다른 클리핑 패스가 적용되는 복합적인 클리핑 애니메이션
형태별 클리핑 패스
원형 클리핑
다각형 클리핑
타원 클리핑
인셋 클리핑
다이아몬드 클리핑
별 모양 클리핑