The HTML5 canvas element is a great way to add lightweight graphics and animations to your websites. Since the canvas API works identically on most modern browsers on both desktop and mobile, browser idiosyncrasies aren't often an issue. In this series, you are going learn the basics to start using the HTML5 canvas productively.

Thirsty for more? Try our <a href="https://www.sitepoint.com/premium/courses/css-animation-tips-2957">CSS Animation Tips</a> mini course, within the first lesson you'll learn to work with basic CSS animation functions. That was just a taster, let Donovan from CSS Animation Rocks teach you everything you need to know about creating professional CSS web animations with our course <a href="https://www.sitepoint.com/premium/courses/animating-with-css-2941">Animating with CSS</a>. With an almost 5-star rating, it's clear to see why so many students love this course.

Animating with the HTML5 Canvas

HTML & CSS

Start Animating with the HTML5 Canvas

Description for Animating with the HTML5 Canvas