CSS scroll-triggered animations without JavaScript

DRANK

CSS scroll-triggered animations let you start an animation when the page reaches a particular scroll position, using CSS alone. There are two types of scroll animations: scroll-driven animations, whose progress follows the amount scrolled, and scroll-triggered animations, which start playing at a particular scroll position.