The plugin also adds extended animation utilities that can be used with the
| Class | +Property | +
|---|---|
| animate-fadein | +fadein 0.15s linear | +
| animate-fadeout | +fadeout 0.15s linear | +
| animate-slidedown | +slidedown 0.45s ease-in-out | +
| animate-slideup | +slideup 0.45s cubic-bezier(0, 1, 0, 1) | +
| animate-scalein | +scalein 0.15s linear | +
| animate-fadeinleft | +fadeinleft 0.15s linear | +
| animate-fadeoutleft | +fadeoutleft 0.15s linear | +
| animate-fadeinright | +fadeinright 0.15s linear | +
| animate-fadeoutright | +fadeoutright 0.15s linear | +
| animate-fadeinup | +fadeinup 0.15s linear | +
| animate-fadeoutup | +fadeoutup 0.15s linear | +
| animate-fadeindown | +fadeindown 0.15s linear | +
| animate-fadeoutup | +fadeoutup 0.15s linear | +
| animate-width | +width 0.15s linear | +
| animate-flip | +flip 0.15s linear | +
| animate-flipup | +flipup 0.15s linear | +
| animate-flipleft | +fadein 0.15s linear | +
| animate-flipright | +flipright 0.15s linear | +
| animate-zoomin | +zoomin 0.15s linear | +
| animate-zoomindown | +zoomindown 0.15s linear | +
| animate-zoominleft | +zoominleft 0.15s linear | +
| animate-zoominright | +zoominright 0.15s linear | +
| animate-zoominup | +zoominup 0.15s linear | +
| Class | +Property | +
|---|---|
| animate-duration-0 | +animation-duration: 0s | +
| animate-duration-75 | +animation-duration: 75ms | +
| animate-duration-100 | +animation-duration: 100ms | +
| animate-duration-200 | +animation-duration: 200ms | +
| animate-duration-300 | +animation-duration: 300ms | +
| animate-duration-400 | +animation-duration: 400ms | +
| animate-duration-500 | +animation-duration: 500ms | +
| animate-duration-700 | +animation-duration: 700ms | +
| animate-duration-1000 | +animation-duration: 1000ms | +
| animate-duration-2000 | +animation-duration: 2000ms | +
| animate-duration-3000 | +animation-duration: 300ms | +
| Class | +Property | +
|---|---|
| animate-delay-none | +animation-duration: 0s | +
| animate-delay-75 | +animation-delay: 75ms | +
| animate-delay-100 | +animation-delay: 100ms | +
| animate-delay-150 | +animation-delay: 150ms | +
| animate-delay-200 | +animation-delay: 200ms | +
| animate-delay-300 | +animation-delay: 300ms | +
| animate-delay-400 | +animation-delay: 400ms | +
| animate-delay-500 | +animation-delay: 500ms | +
| animate-delay-700 | +animation-delay: 700ms | +
| animate-delay-1000 | +animation-delay: 1000ms | +
| Class | +Property | +
|---|---|
| animate-infinite | +animation-iteration-count: infinite | +
| animate-once | +animation-iteration-count: 1 | +
| animate-twice | +animation-iteration-count: 2 | +
| Class | +Property | +
|---|---|
| animate-normal | +animation-direction: normal | +
| animate-reverse | +animation-direction: reverse | +
| animate-alternate | +animation-direction: alternate | +
| animate-alternate-reverse | +animation-direction: alternate-reverse | +
| Class | +Property | +
|---|---|
| animate-ease-linear | +animation-timing-function: linear | +
| animate-ease-in | +animation-timing-function: cubic-bezier(0.4, 0, 1, 1) | +
| animate-ease-out | +animation-timing-function: cubic-bezier(0, 0, 0.2, 1) | +
| animate-ease-in-out | +animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1) | +
| Class | +Property | +
|---|---|
| animate-fill-none | +animation-fill-mode: normal | +
| animate-fill-forwards | +animation-fill-mode: forwards | +
| animate-fill-backwards | +animation-fill-mode: backwards | +
| animate-fill-both | +animation-fill-mode: both | +
| Class | +Property | +
|---|---|
| animate-running | +animation-play-state: running | +
| animate-paused | +animation-play-state: paused | +
| Class | +Property | +
|---|---|
| backface-visible | +backface-visibility: visible | +
| backface-hidden | +backface-visibility: hidden | +