Appendix C. Additional Topics

Canvas vs. CSS3 transitions and animations

In addition to the canvas, the HTML5 specification has also introduced two exciting additions to the CSS3 specification—Transitions and Animations.

Transitions enable developers to create simple animations that can change DOM element styles over a defined period of time. For example, if you mouse over a button and you want it to gradually fade to a different color within one second, you could use a CSS3 transition.

Animations enable developers to create more complex animations by defining specified key frames which can be thought of as a series of linked transitions. For example, if you wanted to animate a DIV element by moving it up, then left, then down, then back to its original ...

Get HTML5 Canvas Cookbook now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.