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

Курсы §27. Плавные переходы
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;
5

Почему то засчитало сразу оба задания, на start и end, хотя я только start успел сделать…