小编Jos*_*ngs的帖子

CSS3关键帧动画:结束并停留在最后一帧

我在尝试播放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也不会执行任何操作.

任何帮助将不胜感激.

javascript css animation css3 less

37
推荐指数
1
解决办法
5万
查看次数

标签 统计

animation ×1

css ×1

css3 ×1

javascript ×1

less ×1