리스트 아이템 1
복잡한 구조의 컴포넌트도 그룹으로 묶어 순차적으로 표시할 수 있습니다.
순차적 애니메이션
스태거드 애니메이션
(Staggered Animation)
스태거드 애니메이션은 여러 요소가 순차적으로 나타나며 시각적인 리듬감과 동적인 흐름을 만듭니다.
사용자의 시선을 자연스럽게 유도하고, 콘텐츠에 생동감을 불어넣어 지루할 틈 없는 인터페이스를 제공합니다.
아래 컨트롤러로 요소 간의 지연 시간과 속도를 조절하며 다채로운 스태거드 효과를 직접 경험해보세요.
ms(밀리초): 요소들이 순차적으로 나타나는 시간 간격입니다. 값이 클수록 천천히 나타납니다.
s(초): 각 요소가 나타나는 애니메이션의 지속 시간입니다. 숫자가 클수록 움직임이 부드러워집니다.
화면을 내려 다양한 예시를 확인해보세요
▼순차적으로 나타나는 텍스트
각 텍스트 라인이 리듬감 있게 등장하여 메시지를 효과적으로 전달합니다.
리스트 아이템 2
사용자가 스크롤할 때마다 콘텐츠가 동적으로 나타나 흥미를 유발합니다.
Staggered Text
Overlay Title
이미지 위에 배치된 텍스트 요소들도 순서대로 나타나 시선을 사로잡습니다.