애니메이션
Scroll Timeline Reveal
CSS animation-timeline: view()로 스크롤 진입 구간에 맞춰 카드가 스크럽 리빌되는 효과. 지원 시 완전 무JS로 동작하고, 미지원 브라우저는 IntersectionObserver 폴백으로 자동 전환된다.
- 분류
- 애니메이션
- 난이도
- medium
- 변형
- TS-TW
설치
npx shadcn@latest add https://gasan.ai.kr/tools/effect/r/ScrollTimelineReveal-TS-TW
Props
| 이름 | 타입 | 기본값 | 설명 |
|---|---|---|---|
| className | string | undefined | 루트 컨테이너에 적용할 추가 CSS 클래스. |