FREELessons: 10Length: 1.3 hours
- Overview
- Transcript
4.1 Conclusion
In this course we’ve covered a lot of information on how, when, and where to use a plethora of CSS animation techniques. Thank you for taking the time to learn and be sure to try some of these in your next project.
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
4.1 Conclusion
Well, this concludes CSS animation in the real world. In this course, we learn the different types of CSS animation, how to use the animate.css library, how to animate SVGs and different parts within them, how to draw paths with our SVGs, and how to add animations to your site depending on page position. I hope you had as much fun learning about these animations, as I had teaching them. Again, my name is Cory Simmons and thank you for watching this exclusive TutsPlus course.
