2nd/10_Wiki/Topics/AI_and_ML/CSS 애니메이션 최적화(Optimizing CSS Animations).md

id, title, category, status, canonical_id, duplicate_of, aliases, source_trust_level, confidence_score, verification_status, tags, last_reinforced, github_commit

id	title	category	status	canonical_id	duplicate_of	aliases	source_trust_level	confidence_score	verification_status	tags	last_reinforced	github_commit
wiki-2026-0508-css-애니메이션-최적화-optimizing-css-ani	CSS 애니메이션 최적화 (Optimizing CSS Animations)	10_Wiki/Topics	duplicate	wiki-2026-0508-css-animations	CSS Animations	CSS animation optimization GPU acceleration will-change reflow repaint	A	0.92	redirected	duplicate css animation performance gpu	2026-05-10	pending

CSS 애니메이션 최적화

이 문서는 CSS Animations 의 specialization 입니다. Canonical 문서로 redirect.

핵심 요약

• 매 layout property (width, height, top, left) 의 animate 의 X — 매 reflow.
• 매 transform + opacity 만 의 use — 매 GPU composite layer.
• 매 will-change 의 hint, 매 overuse X.
• 매 prefers-reduced-motion 의 accessibility.
• 매 modern: View Transitions API, scroll-driven animation.

🔗 Graph

• 부모: CSS Animations (canonical)
• Adjacent: Web-Performance · Accessibility · Baseline-Project · GPU-Acceleration

🕓 변경 이력

날짜	변경
2026-05-08	Phase 1
2026-05-10	중복 처리 — CSS Animations 의 specialization 으로 redirect