animation-play-state устанавливает, будет ли анимация запущена или приостановлена.

animation-fill-mode устанавливает, как CSS-анимация применяет стили к своей цели до и после ее выполнения.

animation-iteration-count задает, сколько раз цикл анимации должен быть воспроизведен перед остановкой. Если указано несколько значений, каждый раз, когда воспроизводится анимация, используется следующее значение в списке, возвращаясь к первому значению после последнего.

animation-direction устанавливает, должна ли анимация воспроизводиться вперед, назад или чередоваться вперед и назад.

animation-delay устанавливается при запуске анимации. Анимация может начаться позже, сразу с ее начала или сразу и на полпути анимации.

CSS-свойство animation-timer-function устанавливает, как анимация продвигается в течение каждого цикла.

Тип данных CSS timer-function обозначает математическую функцию, которая описывает, как быстро изменяются одномерные значения во время анимации. Это позволяет вам изменять скорость анимации в течение ее продолжительности.

animation-duration - это продолжительность одного цикла анимации. Задаётся в секундах s или миллисекундах ms. Если для элемента задано более одной анимации, то можно установить разное время для каждой, перечислив значения через запятую.

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

Правило CSS @keyframes управляет промежуточными шагами в последовательности анимации CSS, определяя стили для ключевых кадров (или путевых точек) вдоль последовательности анимации. Это дает больший контроль над промежуточными шагами последовательности анимации, чем переходами.