10 Set Vivify – CSS animation library
Vivify è una libreria gratuita di animazioni CSS.
La sua semplicità è il suo punto forte; richiede infatti soltanto un file CSS di circa 60Kb.
Per implementarla occorre inserire, una volta effettuato il download, il seguente codice nel tag <head> della pagina:
<link href="vivify.min.css" rel="stylesheet" type="text/css"/>
Aggiungere la classe vivify all’elemento che desideri animare. Se desideri che l’animazione sia infinita, puoi aggiungere la classe infinite.
Le animazioni disponibili sono le seguenti:
- 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
Sito web