Правило @keyframes устанавливает ключевые кадры при анимации элемента. Ключевое слово from задаёт начало анимации, а to её конец. Например:
@keyframes eye {
from { transform: none; }
to { transform: scaleY(0.1); }
}
Имя box затем связывается через свойство animation следующим образом:
.my { animation: eye 3s infinite; }