---
id: wiki-2026-0508-css-애니메이션-최적화-css-animations-opt
title: CSS 애니메이션 최적화 (CSS Animations Optimization)
category: 10_Wiki/Topics
status: duplicate
canonical_id: wiki-2026-0508-css-animations
duplicate_of: "[[CSS Animations]]"
aliases: [CSS animation optimization]
source_trust_level: A
confidence_score: 0.92
verification_status: redirected
tags: [duplicate, css, animation, performance]
last_reinforced: 2026-05-10
github_commit: pending
---

# CSS 애니메이션 최적화

> **이 문서는 [[CSS Animations]] 의 중복본입니다.** Canonical 문서로 redirect.

## 핵심 요약
- 매 transform + opacity 의 GPU composite layer.
- 매 reflow / repaint 유발 의 X (width, height, top, left).
- 매 will-change hint, prefers-reduced-motion accessibility.

## 🔗 Graph
- 부모: [[CSS Animations]] (canonical)

## 🕓 변경 이력
| 날짜 | 변경 |
|---|---|
| 2026-05-08 | Phase 1 |
| 2026-05-10 | 중복 처리 — canonical 문서로 redirect |