css3 动画停止的时候如何保持最后一个动作不变

这几天做关于html5 +css3的东西，其中遇到了一个问题，就是给一个div设置动画，如何让动画结束后保持最后一个动作。

查阅了资料，发现有这样这个事件webkitAnimationEnd，只要监听这个事件就可以了。

<div id="carousel"></div>

<script> 
 var init = function() {
      var carousel = document.getElementById('container'),
       var  AnimationEnd = function( event ){    
			   
            carousel.style["left"] = '-400px';  
			
          }; 
        carousel.addEventListener( 'webkitAnimationEnd', AnimationEnd, false); 
    };
    window.addEventListener( 'DOMContentLoaded', init, false); 
</script>