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

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

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

[html] view plain copy

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

[html] view plain copy

1. <script>   
2.  var init = function() {  
3.       var carousel = document.getElementById('container'),  
4.        var  AnimationEnd = function( event ){      
5.                  
6.             carousel.style["left"] = '-400px';    
7.               
8.           };   
9.         carousel.addEventListener( 'webkitAnimationEnd', AnimationEnd, false);   
10.     };  
11.     window.addEventListener( 'DOMContentLoaded', init, false);   
12. </script>