Lesson 7

Exploring the Canvas and Animation

9781118236505-co07c.eps

9781118236505-co07b.eps

9781118236505-co07a.eps

check.png You need to follow six steps to draw on the <canvas>.

check.png You can alter images in the <canvas> element.

check.png Create a slider, interval timer, and marching animation with CSS3 and JavaScript.

check.png You can use transitions, transformation, and animations with CSS3.

lingo.eps

1. What’s the <canvas> element?

Check here

2. What’s a Bézier curve?

For the answer, turn here

3. What’s a color gradient?

To find out, check here

4. How do you clip an image?

Start clipping here

5. How do you animate with CSS3 and JavaScript?

To find out how, see here

6. How do you combine transitions with transformations?

Flip toward the end of this lesson, here

In this lesson, ...

Get HTML5 eLearning Kit For Dummies 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.