FREELessons: 10Length: 1.3 hours
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.Introduction
1.1Introduction00:42
1.1
Introduction
00:42
2.CSS Animation Basics
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 Animations
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.Conclusion
4.1Conclusion00:29
4.1
Conclusion
00:29
