# Кадровая анимация

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

## Коротко

Анимация, ход которой определяется набором ключевых состояний и промежуточным вычислением значений.

## Что такое «Кадровая анимация»

Анимация, ход которой определяется набором ключевых состояний и промежуточным вычислением значений. В CSS её описывают правилом `@keyframes`, задавая свойства на разных стадиях. Браузер сам интерполирует промежуточные кадры между ключевыми. Кадровая анимация позволяет строить сложные последовательные эффекты, недоступные простому переходу.

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

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