animation-iteration-count задает, сколько раз цикл анимации должен быть воспроизведен перед остановкой. Если указано несколько значений, каждый раз, когда воспроизводится анимация, используется следующее значение в списке, возвращаясь к первому значению после последнего.
Тип данных CSS timer-function обозначает математическую функцию, которая описывает, как быстро изменяются одномерные значения во время анимации. Это позволяет вам изменять скорость анимации в течение ее продолжительности.
animation-duration - это продолжительность одного цикла анимации. Задаётся в секундах s или миллисекундах ms. Если для элемента задано более одной анимации, то можно установить разное время для каждой, перечислив значения через запятую.
CSS свойство animation-name определяет список анимаций, которые должны быть применены к выбраному элементу. Каждое имя указывает на правило @keyframes, которое определяет значения свойств для последовательности анимации.
Grid - это мощная спецификация и в сочетании с другими частями CSS, такими как flexbox, может помочь вам создать макеты, которые ранее невозможно было построить в CSS. Это двумерная система, то есть она может обрабатывать как столбцы, так и строки, в отличие от flexbox, который в значительной степени является одномерной системой. Вы работаете с