install
$ npm install animate.css --save
$ yarn add animate.css
import 'animate.css' ;
< head >
< link
rel = " stylesheet "
href = " https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css "
/>
</ head >
Basic Usage
< h1 class = " animate__animated animate__bounce " > An animated element </ h1 >
use @keyframes
.my-element {
display : inline-block ;
margin : 0 0.5rem ;
animation : bounce ; /* referring directly to the animation's @keyframe declaration */
animation-duration : 2s ; /* don't forget to set a duration! */
}