Animation
Allows the animation of elements
Usage
Add animation-* class to an element.
<div class="animation-spin">
// Your content
</div>
Classes
| Class | Value |
|---|---|
animation-delay-.25s | .25s |
animation-delay-.5s | .5s |
animation-delay-.75s | .75s |
animation-delay-2s | 2s |
animation-delay-3s | 3s |
animation-delay-4s | 4s |
animation-delay-5s | 5s |
animation-duration-faster | .5s |
animation-duration-fast | .75s |
animation-duration-slow | 2s |
animation-duration-slower | 3s |
animation-fade-in | |
animation-fade-out | |
animation-slide-left-fade-in | |
animation-slide-right-fade-in | |
animation-slide-up-fade-in | |
animation-slide-down-fade-in | |
animation-slide-left-fade-out | |
animation-slide-right-fade-out | |
animation-slide-up-fade-out | |
animation-slide-down-fade-out | |
animation-grow-x | |
animation-grow@hover | |
animation-shrink-x | |
animation-shrink@hover | |
animation-scale-in | |
animation-pulse | |
animation-pulse-in | |
animation-spin |