Scroll-driven animations привязывают прогресс keyframes к позиции скролла или к пересечению элемента с viewport — без тяжёлых scroll listeners в JS.
Декларативный подход снижает jank: браузер синхронизирует анимацию с композитором, если не анимируете layout-свойства.
- [Scroll-driven animations — MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_scroll-driven_animations) — Модули и синтаксис.
- [Animate on scroll — web.dev](https://web.dev/articles/scroll-driven-animations) — Примеры scroll() и view().
---
## Ограничения
Проверяйте поддержку в Baseline и держите статичный fallback при prefers-reduced-motion: reduce.
Не заменяйте ими критичную навигацию: длинные лендинги с десятками timeline лучше упростить.