# Селектор ключевого кадра

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

## Коротко

Обозначение процента времени или ключевое слово from/to внутри правила @keyframes.

## Что такое «Селектор ключевого кадра»

Обозначение процента времени или ключевое слово from/to внутри правила @keyframes. Селектор `0%`/`100%` или `from`/`to` привязывает набор свойств к конкретной стадии анимации. Несколько процентов можно указать сразу, задав одинаковые значения. Эти селекторы задают, в какой момент анимации применяются те или иные значения.

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

- [Ключевой кадр](https://chugunov.pro/glossary/frontend/kliuchevoi-kadr/) — Точка CSS-анимации, в которой зафиксированы значения изменяемых свойств на определённой стадии.
- [Селектор](https://chugunov.pro/glossary/frontend/selektor/) — Выражение CSS, определяющее, к каким элементам документа следует применить набор стилей.
- [Кадровая анимация](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/) — Селектор вместе с блоком деклараций, определяющих оформление выбранных элементов.
- [Shadow DOM](https://chugunov.pro/glossary/frontend/shadow-dom/) — Изолированное дерево DOM внутри веб-компонента, скрывающее внутреннюю разметку и ограничивающее влияние внешних стилей.
- [Анимация](https://chugunov.pro/glossary/frontend/animatsiia/) — Последовательное изменение визуальных свойств элемента во времени, создающее эффект движения или трансформации.
- [At-правило](https://chugunov.pro/glossary/frontend/at-pravilo/) — CSS-конструкция, начинающаяся с символа @ и задающая особое правило, например медиазапрос, подключение шрифта или слой каскада.