모핑 & 변형 애니메이션
스큐 애니메이션
(Skew Animation)
스큐 애니메이션은 요소들을 기울이고 비틀어 역동적이고 현대적인 시각적 효과를 만드는 고급 변형 기법입니다.
X축과 Y축을 따라 요소들이 기울어지며 독특한 원근감과 움직임을 표현하여 사용자의 시선을 사로잡습니다.
아래 컨트롤러로 스큐 애니메이션의 X축 기울기, Y축 기울기, 애니메이션 속도를 조절하며 다양한 스큐 효과를 직접 경험해보세요.
X축을 따른 기울기 정도를 조절합니다. 숫자가 클수록 더 극적인 가로 기울기를 만듭니다.
Y축을 따른 기울기 정도를 조절합니다. 숫자가 클수록 더 극적인 세로 기울기를 만듭니다.
스큐 애니메이션의 속도를 조절합니다. 숫자가 클수록 더 느린 변형 효과를 만듭니다.
화면을 내려 다양한 예시를 확인해보세요
▼기본 텍스트 스큐 애니메이션
SKEW TRANSFORM
이미지 스큐 애니메이션
이미지 위 대형 텍스트 스큐 애니메이션
카드 스큐 애니메이션
스큐잉 카드
카드 전체와 내부 텍스트가 각각 다른 방향으로 기울어져 세련된 상호작용 경험을 제공합니다.
버튼 스큐 애니메이션
그리드 스큐 애니메이션
그리드 아이템 1
그리드 아이템 2
그리드 아이템 3
그리드 아이템 4
그리드 아이템 5
그리드 아이템 6
복합 스큐 애니메이션
COMPLEX SKEWING
배경, 콘텐츠, 텍스트가 각각 다른 방향과 강도로 기울어지는 복합적인 스큐 효과
연속 스큐 애니메이션
자동 스큐잉
요소가 자동으로 좌우로 기울어지며 생동감 넘치는 연속적인 움직임을 만들어냅니다.