Question

如何在网页上用HTML5实现动画效果？

Answer 1

h5中做动画的方法有很多种，一个一个说吧。

1、h5元素本身的位移、缩放，控制css属性即可，left、right、top、bottom，width、height，另外使用transform可以完成更复杂的变化。

2、透明度属性可以完成渐隐渐现效果，切换background-image属性，background-color属性。

3、在画布元素canvas中绘制，这是很多h5游戏引擎实现动画的方法，可以去学习一个h5的游戏引擎。

4、还有一个是矢量图方式，svg代码，用代码控制svg元素也可以完成很好的动画效果，像d3.js这样的图表引擎便使用svg进行绘制。