Курс http://htmlacademy.ru/courses/80/run/2
Я не понял
задал
50% {
transform: rotate(-90deg);
}
Как читается такая запись?
Почему, если изменить на 70%, то анимация замедлится?
Правило, которое вы привели, означает, что 50% времени анимации будет происходить плавное изменение свойства transform: rotate до тех пор, пока значение не достигнет -90deg. Потом анимация оставшиеся 50% времени проиграется в обратном порядке.
Если заменить 50% на 70%, то изначально анимация 70% времени будет изменять transform: rotate до -90deg, а потом оставшиеся 30% возвращать всё обратно.
2 лайка