# Ключевой кадр

URL: https://chugunov.pro/glossary/frontend/kliuchevoi-kadr/
Оригинальное название: keyframe
Раздел: [Frontend](https://chugunov.pro/glossary/frontend/)
Обновлено: 28.07.2026.
Источник: глоссарий веб-разработки chugunov.pro.

## Коротко

Точка CSS-анимации, в которой зафиксированы значения изменяемых свойств на определённой стадии.

## Что такое «Ключевой кадр»

Точка CSS-анимации, в которой зафиксированы значения изменяемых свойств на определённой стадии. Ключевые кадры задают в правиле `@keyframes` по процентам от 0% до 100% или словами from/to. Браузер вычисляет промежуточные состояния между кадрами, создавая плавное движение. Набор ключевых кадров описывает всю траекторию анимации от начала до конца.

## Связанные термины

- [Селектор ключевого кадра](https://chugunov.pro/glossary/frontend/selektor-kliuchevogo-kadra/) — Обозначение процента времени или ключевое слово from/to внутри правила @keyframes.
- [Кадровая анимация](https://chugunov.pro/glossary/frontend/kadrovaia-animatsiia/) — Анимация, ход которой определяется набором ключевых состояний и промежуточным вычислением значений.
- [At-ключевое слово](https://chugunov.pro/glossary/frontend/at-kliuchevoe-slovo/) — CSS-токен, начинающийся с символа @ и служащий основой имени at-правила.
- [Набор CSS-правил](https://chugunov.pro/glossary/frontend/nabor-css-pravil/) — Селектор вместе с блоком деклараций, определяющих оформление выбранных элементов.
- [Анимация](https://chugunov.pro/glossary/frontend/animatsiia/) — Последовательное изменение визуальных свойств элемента во времени, создающее эффект движения или трансформации.
- [Значение CSS](https://chugunov.pro/glossary/frontend/znachenie-css/) — Данные, присваиваемые CSS-свойству и определяющие конкретный результат его применения.
- [Композитор браузера](https://chugunov.pro/glossary/frontend/kompozitor-brauzera/) — Подсистема, объединяющая подготовленные графические слои и выводящая итоговый кадр на экран.
- [At-правило](https://chugunov.pro/glossary/frontend/at-pravilo/) — CSS-конструкция, начинающаяся с символа @ и задающая особое правило, например медиазапрос, подключение шрифта или слой каскада.