Mastering CSS Animations
In this course, you gain a solid understanding of how CSS animations work, as well as practical experience when implementing them. Software required: Adobe Photoshop CC 2014, Sublime Text 2.
What you'll learn
In this course, you gain a solid understanding of how CSS animations work, as well as practical experience when implementing them. We will dedicate the first few lessons towards experimenting with the various CSS properties that make animations work. Then we will create a PNG-based sprite animation, powered by CSS. And then finally, we will create a thumbnail gallery with responsive CSS animations. Software required: Adobe Photoshop CC 2014, Sublime Text 2.
Table of contents
- Designing the Animation Test Environment 4m
- Experimenting with Basic CSS Animations 11m
- Exploring More CSS Animation Properties 8m
- Designing a Ladybug 7m
- Animating the Ladybug 9m
- Creating a CSS Sprite 6m
- Animating the CSS Sprite 7m
- Designing a Gallery Mockup 10m
- Exporting the Gallery Assets 3m
- Writing the Gallery HTML 5m
- Writing the Gallery CSS 8m
- Animating the Gallery with CSS Animations 9m
- Making the Animated Gallery Responsive 5m