Всем привет! Не так давно появились в CSS Scroll Driven Animations, с помощью них можно делать крутые анимации в зависимости от текущей позиции прокрутки. Работает как и обычная анимация с помощью keyframes, однако тут вместо обычного времени анимации используется привязка к скролл контейнеру animation-timeline: scroll, либо привязка к входу/выходу из видимой области animation-timeline: view, с помощью animation-start можно указывать начальное и конечное значение для проигрывания анимации, подробнее можно почитать тут - тык. Поддерживается это чудо инженерной мысли везде, кроме firefox🦊 - 77.96%