Анимации по скроллу на чистом CSS с Animation Timeline API

Animation Timeline позволяет привязать keyframes к прогрессу элемента в viewport и получать скролл анимации без JavaScript. Разберем базовую идею, настройку easing и типичные нюансы для продакшн интерфейсов.

https://www.joshwcomeau.com/animation/scroll-driven-animations/