通过javascript操作CSS3属性实现动画

　　新锐浏览器也为此添加了一个事件,当渐变动画结束时,让我们清除渐变属性。不过，这个事件名，非常不规则，webkit系是webkitTransitionEnd，opera是oTransition，FF竟然是transitionend!它们与CSS属性那个大写开头的驼峰风格是不一样的(如WebkitTransition,OTransition,MozTransition)

var transitionEnd = (navigator.vendor && "webkitTransitionEnd") || ( window.opera && "oTransitionEnd") || "transitionend"; 
el.addEventListener(transitionEnd,function(){//IE10 pp3将会支持transition与transform 
            //http://blogs.msdn.com/b/ie/archive/2011/04/12/native-html5-first-ie10-platform-preview-available-for-download.aspx 
     this.style.removeProperty(css3transition.replace( rupper, "-$1" ).toLowerCase());//css3transition即WebkitTransition等 
},true) 

　　支持情况:

　　firefox 4.0

　　chrome 4.0+

　　safari 3.1+

　　opera 10.5+

　　相关链接

　　http://www.the-art-of-web.com/css/css-animation/

　　http://dev.opera.com/articles/view/css3-transitions-and-2d-transforms/

　　http://www.opera.com/docs/specs/presto23/css/transitions/

凌众科技专业提供服务器租用、服务器托管、企业邮局、虚拟主机等服务，公司网站：http://www.lingzhong.cn 为了给广大客户了解更多的技术信息，本技术文章收集来源于网络,凌众科技尊重文章作者的版权，如果有涉及你的版权有必要删除你的文章，请和我们联系。以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息，谢谢!