@keyframes
Правило, описывающее кадры анимации.
Сигнатура
@keyframes <name> { from {} to {} }Правило @keyframes задаёт последовательность состояний анимации. Используют from/to или проценты (0% … 100%). Имя подключают в свойстве animation.
@keyframes spin {
from { transform: rotate(0); }
to { transform: rotate(360deg); }
}