Lessons: 10Length: 1.3 hours
- Overview
- Transcript
2.4 Animate.css
Animate.css is a collection of CSS animations ready for you to use in your own projects. In this lesson you’ll learn how to use it to animate elements with pre-built @keyframe animations.
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
