Google I/O를 시청해 주셔서 감사합니다. 주문형 콘텐츠를 확인하세요. 이 페이지는 Cloud Translation API를 통해 번역되었습니다. web.dev 애니메이션 고성능 애니메이션을 개발하기 위한 기법입니다. 개요 일부 애니메이션이 느린 이유와 CSS 또는 JavaScript로 자체 애니메이션을 빌드하고 디버그하는 방법을 이해하는 데 도움이 되는 고품질의 리소스를 선별한 컬렉션입니다. 브라우저가 애니메이션을 렌더링하는 방법 일부 애니메이션이 느린 이유는 무엇인가요? CSS로 애니메이션 빌드 CSS 애니메이션 API 가이드 고성능 CSS 애니메이션을 만드는 방법 고성능 CSS 애니메이션의 예 Preferreds-reducedmotion: 때로는 적은 움직임이 더 효과적일 수 있습니다. Chrome DevTools로 CSS 애니메이션 디버그 Firefox DevTools로 CSS 애니메이션 디버그 자바스크립트로 애니메이션 빌드 Web Animations API 개요 웹 애니메이션 API 가이드 Chromium 84의 Web Animations API 개선사항