transition-timing-function, шаг 4 [8/29] проблема


#1

Выполняю задание [8/29] , там код :

.square-experimental {
background-color: #e74c3c;
transition: steps(5, start);
}

так вот. Нижний красный квадрат скачет в конец пути сразу. Никакие ни пять шагов. И можно менять “5” на “10” или на “1” - результата один и тот же: квадрат сразу оказывается справа.


#3

Потому что нужно использовать свойство transition-timing-function а не transition.
К сожалению валидатор принимает оба варианта ответа, хоть один и не верен.


#4

@Mehanist
С таким значением и цель засчитывается и работает правильно:

transition:  steps(5, start) 3s;