koriweb
d8a80f6272
이름만 다른(표기 변형) [[위키링크]]를 대상 문서의 canonical 제목으로 치환해 끊겼던 1,200개 링크를 연결. 제목/파일명 정규화 일치만 적용하고 별칭 매칭은 과병합 위험으로 제외(애매성 가드). 원본은 _link_reconcile_backup/ 에 백업. 도구: Datacollect/scripts/link_reconcile_apply.mjs Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
38 lines
1.3 KiB
Markdown
38 lines
1.3 KiB
Markdown
---
|
|
id: wiki-2026-0508-css-애니메이션-최적화-optimizing-css-ani
|
|
title: CSS 애니메이션 최적화 (Optimizing CSS Animations)
|
|
category: 10_Wiki/Topics
|
|
status: duplicate
|
|
canonical_id: wiki-2026-0508-css-animations
|
|
duplicate_of: "[[CSS Animations]]"
|
|
aliases: [CSS animation optimization, GPU acceleration, will-change, reflow repaint]
|
|
source_trust_level: A
|
|
confidence_score: 0.92
|
|
verification_status: redirected
|
|
tags: [duplicate, css, animation, performance, gpu]
|
|
last_reinforced: 2026-05-10
|
|
github_commit: 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 (Web Platform Features)]] · [[GPU-Acceleration]]
|
|
|
|
## 🕓 변경 이력
|
|
| 날짜 | 변경 |
|
|
|---|---|
|
|
| 2026-05-08 | Phase 1 |
|
|
| 2026-05-10 | 중복 처리 — CSS Animations 의 specialization 으로 redirect |
|