용어집 · 애니메이션
키프레임(Keyframe)
요소의 모습이 정해지는 애니메이션의 핵심 시점이에요. 두 키프레임 사이의 움직임은 브라우저가 계산해요.
자세히
애니메이션에서는 중요한 순간(요소가 나타남, 제자리에 도착함, 사라짐)만 정의하면 나머지는 브라우저가 채워요. 이런 순간이 키프레임이에요.
CSS에서는 @keyframes로 쓰고, JavaScript에서는 Web Animations API(elemento.animate())가 같은 순간 목록과 지속 시간을 받아요. 예를 들어 “이것을 0.6초 동안 움직여라”처럼요.
예시
용어집으로 돌아가기@keyframes entra { from { opacity: 0 } to { opacity: 1 } }