Digital Tutors Mastering Css Animationsseeders: 0
leechers: 74
Digital Tutors Mastering Css Animations (Size: 348.38 MB)
Description
Mastering CSS Animations
Released Jun 11, 2015 CSS Adobe Photoshop... 1h 37m 4,295 views Project Files Included  GUEST TUTOR Gary Simon Description 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 animation Lessons in this tutorial Introduction and project overview 1 Introduction and project overview Watch it now 01:12 Designing the animation test environment 2 Designing the animation test environment 04:23 Experimenting with basic CSS animations 3 Experimenting with basic CSS animations 10:47 Exploring more CSS animation properties 4 Exploring more CSS animation properties 08:31 Designing a ladybug 5 Designing a ladybug 07:34 Animating the ladybug 6 Animating the ladybug 08:56 Creating a CSS sprite 7 Creating a CSS sprite 05:57 Animating the CSS sprite 8 Animating the CSS sprite 07:23 Designing a gallery mockup 9 Designing a gallery mockup 10:23 Exporting the gallery assets 10 Exporting the gallery assets 03:29 Writing the gallery HTML 11 Writing the gallery HTML 05:15 Writing the gallery CSS 12 Writing the gallery CSS 08:27 Animating the gallery with CSS animations 13 Animating the gallery with CSS animations 09:26 Making the animated gallery responsive 14 Making the animated gallery responsive 05:21 Sharing Widget |