Animation with HTML 5 has many benefits over other tools. The first and the foremost reason for creating animations with HTML5 is native support of HTML5 in all modern browsers. It is also easy to implement and quick to master. Plus, there are a number of smart tools that allow you to easily create animations with HTML5 without requiring you to write lines of code or install any software. Take the example of Automatoon, which is completely web based and free tool for creating HTML5 animations - no authoring software to install. You just have to start creating your animations right away. Automatoon also allows you to share your animations online or export and embed them in your own websites, all for free!
This easy-to-use HTML5 animation tool is powerful and has many advanced animation tools built in, including skeletal animation, inverse kinematics, automatic tweening, morphing, and fades.
Automatoon uses the CSS3 transition and transformation libraries. For browsers that do not support these libraries, the Automatoon player will use a javascript “hearbeat” animation algorithm. Since it is pure HTML5, your animations will play just fine on iPhones, iPads, Android devices (without requiring any third-party plugin), and all common web browsers.
For great HTML5 Canvas and SVG animations you can also try http://www.redblizzard.com
It rocks!