Thanks for tuning in to Google I/O! Watch content on-demand . web.dev Explore Animations Stay organized with collections Save and categorize content based on your preferences. Animations Techniques for developing high-performance animations. Overview A curated collection of high-quality resources that will help you understand why some animations are slow, and how to build and debug your own animations with CSS or JavaScript. How browsers render animations Why are some animations slow? Build animations with CSS CSS animations API guide How to create high-performance CSS animations Examples of high-performance CSS animations prefers-reduced-motion: Sometimes less movement is more Debug CSS animations with Chrome DevTools Debug CSS animations with Firefox DevTools Build animations with JavaScript Web Animations API overview Web Animations API guide Web Animations API improvements in Chromium 84