我在尝试播放CSS3关键帧动画时遇到了一些困难,并且在动画完成后将相关元素粘贴在最后一帧.根据我的理解,我必须为此设置的属性应该是动画填充模式,它应具有前进的值; 这没有任何作用.
.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... }
Run Code Online (Sandbox Code Playgroud)
这将只播放一次动画,然后返回第一帧.我在JSFiddle(http://jsfiddle.net/simurai/CGmCe/)上找到了关键帧动画的示例,并且将填充模式更改为前进并将迭代计数设置为1也不会执行任何操作.
任何帮助将不胜感激.