홈 히어로 scroll-driven 내러티브 연출
GSAP 없이 sticky scrolly·CSS keyframes·view-timeline으로 TIL→Knowledge 승격 데모와 파이프라인 섹션을 구현한 하루
- sticky scrolly는 래퍼 높이만큼 스크롤 시간축을 만들고, phase는 진행도에서 파생하면 JS가 얇아진다
- 히어로 라이브 데모는 clip-path steps 와이프 + animation-delay만으로 루프를 만들 수 있다
날짜별 업무 및 학습 회고입니다. 매일 무엇을 했고, 무엇을 배웠는지 기록합니다.
GSAP 없이 sticky scrolly·CSS keyframes·view-timeline으로 TIL→Knowledge 승격 데모와 파이프라인 섹션을 구현한 하루