Author: | Martz90 |
---|---|
Views Total: | 1,069 views |
Official Page: | Go to website |
Last Update: | August 29, 2017 |
License: | MIT |
Preview:

Description:
vivify.css is a powerful Animate.css library CSS3 animation library which comes with 68+ animations with support for delay and duration.
How to use it:
Just insert the minified version of the vivify.css library into the document and we’re ready to go.
<link href="/css/vivify.css" rel="stylesheet">
Add an animation class of your choice to the element. All available animation classes:
- ball
- blink
- driveInBottom
- driveInLeft
- driveInRight
- driveInTop
- driveOutBottom
- driveOutLeft
- driveOutRight
- driveOutTop
- fadeIn
- fadeInBottom
- fadeInLeft
- fadeInRight
- fadeInTop
- fadeOut
- fadeOutBottom
- fadeOutLeft
- fadeOutRight
- fadeOutTop
- flip
- flipInX
- flipInY
- flipOutX
- flipOutY
- fold
- hitLeft
- hitRight
- jumpInLeft
- jumpInRight
- jumpOutLeft
- jumpOutRight
- popIn
- popInBottom
- popInLeft
- popInRight
- popInTop
- popOut
- popOutBottom
- popOutLeft
- popOutRight
- popOutTop
- pullDown
- pullLeft
- pullRight
- pullUp
- pulsate
- rollInBottom
- rollInLeft
- rollInRight
- rollInTop
- rollOutBottom
- rollOutLeft
- rollOutRight
- rollOutTop
- shake
- spin
- spinIn
- spinOut
- swoopInBottom
- swoopInLeft
- swoopInRight
- swoopInTop
- swoopOutBottom
- swoopOutLeft
- swoopOutRight
- swoopOutTop
- unfold
To add delay & duration to the animation…
delay-2500 duration-5000