by Cory Simmons
Lessons:10Length:1.3 hours
Next lesson playing in 5 seconds
CancelFree Preview: CSS Animation in the Real World
Introduction
00:42
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
Free Lesson 1.1Introduction00:42
Free Lesson
1.1
Introduction
00:42
2.CSS Animation Basics6 lessons, 1:03:54
6 lessons, 1:03:54
Free Lesson 2.1Understanding CSS Animation11:43
Free Lesson
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
Subscribe to watch full course
Subscribe to watch full course