When it comes to choosing a CSS animation, you’ve got a world of choice at your fingertips. There are thousands available, but which should you use, and where? This course is about using CSS animations in the real world. You’ll learn practical CSS animation tricks for buttons, navigation elements, scroll events, SVG, and how to apply them to a number of situations you’ll come across every day on the web.
1.Introduction1 lesson, 00:42
1 lesson, 00:42
1.1Introduction00:42
1.1
Introduction
00:42
2.CSS Animation Basics6 lessons, 1:03:54
6 lessons, 1:03:54
2.1Understanding CSS Animation11:43
2.1
Understanding CSS Animation
11:43
2.2Enhancing Button Hover States12:04
2.2
Enhancing Button Hover States
12:04
2.3Drop-Down Menus with CSS Animations and JavaScript10:17
2.3
Drop-Down Menus with CSS Animations and JavaScript
10:17
2.4Animate.css11:04
2.4
Animate.css
11:04
2.5Animating SVGs and Their Parts08:47
2.5
Animating SVGs and Their Parts
08:47
2.6Animating SVG Paths in Adobe Illustrator09:59
2.6
Animating SVG Paths in Adobe Illustrator
09:59
3.Page Scroll Animations2 lessons, 15:38
2 lessons, 15:38
3.1Animating Based on Scroll Position With WOW.js05:59
3.1
Animating Based on Scroll Position With WOW.js
05:59
3.2Scroll Hijacking with OnePage-Scroll.js09:39
3.2
Scroll Hijacking with OnePage-Scroll.js
09:39
4.Conclusion1 lesson, 00:29
1 lesson, 00:29
4.1Conclusion00:29
4.1
Conclusion
00:29
Cory created Lost Grid, Jeet, and a few other open-source projects.
He's written for TutsPlus, CSS Tricks, .net Magazine, and Packt Publishing; worked for companies such as Scholastic, World Vision Charities, and TeeSpring; and intentionally moved to the middle of nowhere to better understand the sound of a whisper.