Что позволяют CSS Animations?

Question

Accepted Answer

## Идея без жаргона

Модуль анимаций даёт покадровую смену стилей без JS: несколько шагов, циклы, задержки, направление.

```css
@keyframes fade-up {
  from { opacity: 0; transform: translateY(8px); }
  to { opacity: 1; transform: translateY(0); }
}
.toast {
  animation: fade-up 280ms ease-out both;
}
```

Управляете: `animation-name`, `duration`, `timing-function`, `delay`, `iteration-count`, `direction`, `fill-mode`, `play-state`.

События `animationstart`/`end` доступны в JS при необходимости.

## Итог

Animations = сценарии во времени; transitions = плавный ответ на смену состояния.