---
id: wiki-2026-0508-애니메이션-transition-keyframes
title: "애니메이션 (transition - keyframes)"
category: 10_Wiki/Topics/Visual_Effects
status: duplicate
canonical_id: wiki-2026-0508-css-animations
duplicate_of: "[[CSS Animations]]"
aliases: []
source_trust_level: A
confidence_score: 0.9
verification_status: redirected
tags: [duplicate, animation]
last_reinforced: 2026-05-10
github_commit: pending
---

# 애니메이션 (transition - keyframes)

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

## 핵심 요약
- CSS `transition` (단일 상태 변화) vs `@keyframes` (다단계 시퀀스).
- 60 fps 보장: `transform`, `opacity`만 사용 (composite-only properties).

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

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