Scroll-driven animations

CSS scroll-driven animations are a type of CSS animations that don’t run over time, but are instead driven by the user’s scroll position.