scroll-timeline и view(): анимация, привязанная к скроллу страницы
Именованные timeline, `animation-timeline: scroll()` и прогресс-бар без JS.
Scroll-driven animations используют `scroll-timeline` и `view-timeline`, чтобы привязать `@keyframes` к позиции скролла или видимости блока.
Типичный кейс — индикатор прогресса чтения статьи и reveal секций на лендинге.
- Scroll-driven animations — MDN — Timeline и привязка.
- Animate on scroll — web.dev — scroll() и view().
Доступность
Уважайте `prefers-reduced-motion` — отключайте timeline-анимации.