Animate.css
Learn how to use predefined CSS animations from Animate.css in an Angular application.
We'll cover the following...
Animate.css is an open-source CSS animation library containing a large set of predefined customizable animations.
Animate.css’s animations can be grouped into three categories:
- Entrances: These are animations for elements entering the view.
- Exits: These are animations for elements leaving the view.
- Attention seekers: These are animations to attract the user’s attention.
Animate.css also lets us pass in flags to further customize their library of animations. These customizations include animation timing, delay, and iterations.
Instead of discussing the general usage of Animate.css, this lesson will focus on how we can use this library in an Angular application.
You don’t need to install this library because we’ve already installed it. However, if you want to install it on your local machine, you can find out how in the Appendix lesson titled Setting up ...