Для чего нужна at-rule `@keyframes`?

Question

Accepted Answer

## Ядро темы

`@keyframes` описывает промежуточные кадры CSS-анимации, на которые ссылается `animation-name`.

```css
@keyframes spin {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}
.loader {
  animation: spin 0.8s linear infinite;
}
```

Можно задавать проценты `0%`, `50%`, `100%`. Имя keyframes — в пространстве имён анимаций документа.

## Итог

Без `@keyframes` нет именованной покадровой анимации; transition keyframes не использует.