Vivify web presentation
Vivify is free CSS animation library.
Simply include vivify css file into your document's<head>
< link href ="vivify.min.css "rel ="stylesheet "type ="text/css "/> Add classvivify to the element you want to animate. If you want your animation to be infinite, you can also addinfinite class.
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 Preview all animations here
delay and duration classes If you want to quickly change delay or duration you can just adddelay- orduration- and number in ms.
Available times: 100,150to 900,9501000,1250,1500,1750to 10000,10250,10500,10750
example: delay-2500 for 2.5 second delay. orduration-550 for 550 ms duration.
