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 O’Reilly online learning.

O’Reilly members experience live online training, plus books, videos, and digital content from 200+ publishers.