Vivify is a free CSS animation library that comes with 68+ animations with support for delay and duration.
animate css on scroll, css keyframe animation generator, animate css cdn, css animate, animate css github, css animation keyframes
List of class names you can add
- 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
How to make use of it:
1. Just include the vivify CSS file in the <head>
of the document.
<link href="vivify.min.css" rel="stylesheet" type="text/css"/>
2. To add a delay and duration to the animation.
delay-2500 duration-5000
Animate.css Like CSS3 Animation Library, vivify Plugin/Github
See Demo And Download
Official Website(Martz90): Click Here
This superior jQuery/javascript plugin is developed by Martz90. For extra advanced usage, please go to the official website.