# Анимация

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

## Коротко

Последовательное изменение визуальных свойств элемента во времени, создающее эффект движения или трансформации.

## Что такое «Анимация»

Последовательное изменение визуальных свойств элемента во времени, создающее эффект движения или трансформации. В вебе анимации задают через CSS с ключевыми кадрами и переходами или средствами JavaScript. Плавность задаёт функция плавности, а лёгкие для браузера свойства — трансформации и прозрачность. Умеренная анимация улучшает восприятие интерфейса, но избыток или тяжёлые эффекты вредят производительности и доступности.

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

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