SCROLL-DRIVEN ANIMATIONS

Summary from the TLDR Dev newsletter

The new CSS `animation-timeline` API allows devs to create scroll-driven animations natively in CSS, moving away from JavaScript solutions. The API extends existing CSS keyframe animations by mapping their progress to an element's visibility within the viewport or the document's overall scroll position. These animations can be finely controlled using various timing functions, precise animation ranges like `entry` or `exit`, and even link animations across different elements.