TOP
CENTER
BOTTOM
+ Delay 0.5s
화면이 로드되자마자 요소가 나타납니다.
미리보기 화면 왼쪽 상단의 🔁 Reload 버튼을 눌러 새로고침 후 이펙트를 확인해보세요.
TOP
CENTER
BOTTOM
아래로 스크롤할 때 이펙트가 실행됩니다.
스크롤 방향을 바꿔가며 이펙트를 확인해보세요.
TOP
CENTER
BOTTOM
위로 스크롤할 때 이펙트가 실행됩니다.
스크롤 방향을 바꿔가며 이펙트를 확인해보세요.
TOP
CENTER
BOTTOM
레이어의 윗부분이 화면에 보이기 시작하면 애니메이션이 실행됩니다.
스크롤을 해보면서 레이어가 화면에 들어오는 순간을 확인해보세요.
TOP
CENTER
BOTTOM
레이어의 중앙이 화면에 보이기 시작하면 애니메이션이 실행됩니다.
스크롤을 해보면서 레이어가 화면에 들어오는 타이밍을 확인해보세요.
TOP
CENTER
BOTTOM
.레이어의 아랫부분이 화면에 보이기 시작하면 애니메이션이 실행됩니다.
스크롤을 해보면서 레이어가 화면에 들어오는 타이밍을 확인해보세요.
TOP
CENTER
BOTTOM
SECTION-1
ENTER
EXIT
섹션이 화면 상단에 도달하면 애니메이션이 실행됩니다.
스크롤을 해보면서 섹션이 화면 상단에 닿는 순간을 확인해보세요.
TOP
CENTER
BOTTOM
SECTION-2
ENTER
EXIT
섹션이 화면의 중앙에 도달하면 애니메이션이 실행됩니다.
스크롤을 해보면서 섹션이 화면 중앙을 지나는 순간을 확인해보세요.
TOP
CENTER
BOTTOM
SECTION-3
ENTER
EXIT
섹션이 화면 하단에 도달하면 애니메이션이 실행됩니다.
스크롤을 해보면서 섹션이 화면 아래쪽에 닿는 순간을 확인해보세요
TOP
CENTER
BOTTOM