Мне нужна помощь анимация SVG в CSS с шагами () ⇐ CSS

[Anonymous]

Я читаю переходы и анимации в книге CSS, и я пытаюсь использовать функцию Step (), но вместо PNG я хочу использовать SVG, но она не работает, я выполнил все шаги: < /p>

Код: Выделить всё

 
.wrapper {
height: 175.77px;
width: 181.088px;
background-image: url("time.svg");
animation-name: time;
animation-duration: 4s;
animation-timing-function: steps(23, end);
animation-iteration-count: infinite;
}

@keyframes time {
from {
background-position: 0 0;
}

to {
background-position: 4270 0;
}
}

Я попытался изменить значения, но он показывает только первый кадр

Подробнее здесь: https://stackoverflow.com/questions/796 ... with-steps