전체 문서 색인 / 모션 접근성·성능·실행 상태
합성 단계 애니메이션
레이아웃·페인트 작업을 최소화하고 합성 단계에서 처리 가능한 애니메이션.
직접 조작하기
언제 사용하나요?
transform·opacity 중심 최적화.
주의사항과 구분
어떤 속성이든 항상 GPU에서 무료로 처리되는 것은 아니다. ATLAS에서 제작한 브라우저 학습 예제이며 실제 브라우저/기기 호환성이나 접근성 인증은 아닙니다.
구현·분류
UI·UX 모션 / 모션 접근성·성능·실행 상태
출처와 확인 범위
https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/At-rules/@media/prefers-reduced-motion
확인 범위와 상태는 기존 사전 기록을 표시합니다. 이 문서의 게시가 라이브러리 최신 버전·라이선스·실서비스 동작을 새로 검증했다는 의미는 아닙니다.