Правило @keyframes устанавливает ключевые кадры при анимации элемента, сами ключевые кадры могут задаваться через проценты. Например:
@keyframes eye { 0% { transform: none; } 50% { transform: scaleY(0.1); } }