animate.css
<link
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css"
/>animate.css
<link
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css"
/>animate.css
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css" />animate.css
$ yarn add animate.cssanimate.css
yarn add animate.css // or npm install animate.css --saveanimate.css
.my-element {
display: inline-block;
margin: 0 0.5rem;
animation: bounce; /* referring directly to the animation's @keyframe declaration */
animation-duration: 3s; /* don't forget to set a duration! */
}animate.css
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.0.0/animate.min.css" />
/*
==========================================
Animation Using Animate.css Library
==========================================
We can use these styling to apply animate.css using css:
animation: bounce;
animation-duration: 2s;
animation-iteration-count:
animation-delay: 1s;
Utility classes: (Animate.css comes packed with a few utility classes to simplify its use)
Always use "animate__animated" keyword to activate animation. Then we can use below classes to start animation.
animate__fadeIn animate__slow 2s animate__repeat-1 1 animate__delay-2s
animate__fadeInDown animate__slower 3s animate__repeat-2 2 animate__delay-3s
animate__fadeInLeft animate__fast 800ms animate__repeat-3 3 animate__delay-4s
animate__fadeInRight animate__faster 500ms
animate__fadeInUp
*/Copyright © 2021 Codeinu
Forgot your account's password or having trouble logging into your Account? Don't worry, we'll help you to get back your account. Enter your email address and we'll send you a recovery link to reset your password. If you are experiencing problems resetting your password contact us
