在HTML5开发中，css3动画播放后如何停止在最后状态？例如动画从场景的左侧运动到右侧，播放完后，又自动跳回左侧起始位置了，如何让它播放完后，保持在右侧结束位置呢？
其实通过设置css3中的animation属性即可实现，依次设置animation-iteration-count只播放一次，animation-direction不可逆，就能达到所要的效果。
css参考代码如下：
/*动画停止在最后的状态 不返回到初始状态*/
animation:myele 1s linear 0 1 alternate;
