Lesson 7
Exploring the Canvas and Animation
You need to follow six steps to draw on the <canvas>
.
You can alter images in the <canvas>
element.
Create a slider, interval timer, and marching animation with CSS3 and JavaScript.
You can use transitions, transformation, and animations with CSS3.
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.