HTML5实现动画效果的方式汇总

小编以一个运动的小车为例子，讲述了三种实现HTML5动画的方式，思路清晰，动画不仅仅是canvas，还有css3和javascript.通过合理的选择，来实现最优的实现。 

PS：由于显卡、录制的帧间隔，以及可能你电脑处理器的原因，播放过程可能有些不太流畅或者失真！ 
分三种方式实现： 
(1) canvas元素结合JS 
(2) 纯粹的CSS3动画（暂不被所有主流浏览器支持，比如IE） 
(3) CSS3结合Jquery实现 
知道如何使用CSS3动画比知道如何使用<canvas>元素更重要：因为浏览器能够优化那些元素的性能(通常是他们的样式，比如CSS)，而我们使用canvas自定义画出来的效果却不能被优化。原因又在于，浏览器使用的硬件主要取决于显卡的能力。目前，浏览器没有给予我们直接访问显卡的权力，比如，每一个绘画操作都不得不在浏览器中先调用某些函数。 
1.canvas 
html代码： 
 

发表评论 共有条评论 用户名: 密码: 验证码: 匿名发表