2015
Digital Tutors
Gary Simon
1h 37m
English
In this CSS tutorial, you gain a solid understanding of how CSS animations work, as well as practical experience when implementing them.
We'll dedicate the first few lessons towards experimenting with the various CSS properties that make animations work. Then we'll create a PNG-based sprite animation, powered by CSS.
And then finally, we'll create a thumbnail gallery with responsive CSS animations
1 Introduction and project overview 01:12
2 Designing the animation test environment 04:23
3 Experimenting with basic CSS animations 10:47
4 Exploring more CSS animation properties 08:31
5 Designing a ladybug 07:34
6 Animating the ladybug 08:56
7 Creating a CSS sprite 05:57
8 Animating the CSS sprite 07:23
9 Designing a gallery mockup 10:23
10 Exporting the gallery assets 03:29
11 Writing the gallery HTML 05:15
12 Writing the gallery CSS 08:27
13 Animating the gallery with CSS animations 09:26
14 Making the animated gallery responsive 05:21
www.digitaltutors.com/digitaltutors.com/tutorial/2135-Mastering-CSS-Animations
Download File Size:405.3 MB