 A common UI pattern seen on quite a few websites are elements that get animated on scroll. To do this, you typically set up some JavaScript scroll listeners or use a library that abstracted the way for you. As of Chrome 115, you no longer need to rely on these libraries because it comes with support for scroll-driven animations. You can take an existing CSS animation or one that was built with the Web Animations API and connect it to a scroller. To connect the CSS animation to a scroller, use the animation timing property and give it the value of scroll. That will track the nearest scroller in the block direction and map the scroll progress to the animation progress. Instead of tracking a scroller from start to end, you can also track an element as it crosses the scroll pod. To do this in CSS, give the animation timing property a value of view. Because scroll-driven animations work together with CSS animations and web animations, you don't have to learn any new syntax. Furthermore, you can make use of their benefits, such as being able to have hardware-accelerated animations. Check out the link to learn more about the new UI features that landed this year in our 2023 CSS referendum.