Skip to main content
web.dev
Resources
  • Web Platform
  • Dive into the web platform, at your pace.
  • HTML
  • CSS
  • JavaScript
  • User experience
  • Learn how to build better user experiences.
  • Performance
  • Accessibility
  • Identity
  • Learn
  • Get up to speed on web development.
  • Learn HTML
  • Learn CSS
  • Learn JavaScript
  • Learn AI
  • Learn Performance
  • Learn Accessibility
  • More courses
  • Additional resources
  • Explore content collections, patterns, and more.
  • AI and the web
  • Explore
  • PageSpeed Insights
  • Podcasts & shows
  • Developer Newsletter
  • About web.dev
Discover Baseline How to use Baseline Blog Case Studies
/
  • English
  • Deutsch
  • Español – América Latina
  • Français
  • Indonesia
  • Italiano
  • Polski
  • Português – Brasil
  • Tiếng Việt
  • Türkçe
  • Русский
  • עברית
  • العربيّة
  • فارسی
  • हिंदी
  • বাংলা
  • ภาษาไทย
  • 中文 – 简体
  • 中文 – 繁體
  • 日本語
  • 한국어
Sign in
  • Articles
AI and the web Fast load times Learn Core Web Vitals Identity Progressive Web Apps Payments Notifications How to optimize INP Network reliability React Animations Mini apps Media Safe and secure WebAssembly Devices Easily discoverable Test automation Angular
web.dev
  • Resources
    • More
    • AI and the web
    • Fast load times
    • Learn Core Web Vitals
    • Identity
    • Progressive Web Apps
    • Payments
    • Notifications
    • How to optimize INP
    • Network reliability
    • React
    • Animations
    • Mini apps
    • Media
    • Safe and secure
    • WebAssembly
    • Devices
    • Easily discoverable
    • Test automation
    • Angular
  • Discover
  • Baseline
  • How to use Baseline
  • Blog
  • Case Studies
  • 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
  • Web Platform
  • HTML
  • CSS
  • JavaScript
  • User experience
  • Performance
  • Accessibility
  • Identity
  • Learn
  • Learn HTML
  • Learn CSS
  • Learn JavaScript
  • Learn AI
  • Learn Performance
  • Learn Accessibility
  • More courses
  • Additional resources
  • AI and the web
  • Explore
  • PageSpeed Insights
  • Podcasts & shows
  • Developer Newsletter