Я столкнулся с некоторыми трудностями, пытаясь воспроизвести анимацию ключевого кадра CSS3 и связать соответствующий элемент с последним кадром после завершения анимации. По моему мнению, свойство, которое я должен установить для этого, должно быть режимом анимации-fill, который должен иметь значение forward; это ничего не делает.
.animatedSprite {
.animation-name: sprite;
.animation-duration: .5s;
.animation-iteration-count: 1;
.animation-direction: normal;
.animation-timing-function: steps(3);
.animation-fill-mode: forwards;
//Vendor prefixes... }
Это просто воспроизведет анимацию один раз, а затем вернется к первому кадру. Я нашел пример анимации ключевого кадра в JSFiddle (http://jsfiddle.net/simurai/CGmCe/), а изменение режима заполнения для переходов и установка количества итераций в 1 ничего там не сделают, или.
Любая помощь будет принята с благодарностью.