Social
 
Tweets
Marco Desiato | Vivify – CSS animation library
Sono un WebArchitect and PHP Developer, e vivo a Roma (Italia).
realizzazione siti web roma, web developer, programmatore, sviluppatore siti web, siti web roma
2148
post-template-default,single,single-post,postid-2148,single-format-standard,ajax_fade,page_not_loaded,,side_area_uncovered_from_content,qode-theme-ver-7.5,wpb-js-composer js-comp-ver-4.5.3,vc_responsive,elementor-default
 

Vivify – CSS animation library

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

 

Potrebbe interessarti

Tags: