Les Animations¶
La bibliothèque Stylus Skeletonic fournit des effets d’animation et de transition CSS, prêtent à l’emploi pour dynamiser vos sites web et applications mobiles.
Vous pouvez animer des textes, des objets et des graphiques, créer des effets visuels fluides et ajouter du mouvement à vos sites. !.
Pour commencer¶
Importer la feuille de style skeletonic-animations.css pour afficher les effets d’animation et de transition CSS.
Les animations CSS tirent leur inspiration de la bibliothèque Animate.css (une autre chose par Daniel Eden et amis).
Les styles d’animation¶
La bibliothèque Stylus Skeletonic vous permet de créer facilement des effets d’animation et de transition d’interface utilisateur flexible et adaptative.
Voici la liste de toutes les animations et des transitions CSS :
| Name | Description |
|---|---|
| bounce | Faits rebondir un élément de haut en bas. |
| chameleon | Faits changer la couleur du texte ou de l’arrière-plan, en parcourant une gamme de couleurs prédéfinie. |
| fade | Permet à un élément d’entrer ou de disparaître progressivement. |
| blink | Fait clignoter un élément. |
| pop | Fait apparaître un élément dans ou hors de la vue. |
| pulsate | Fait vibrer un élément. |
| spin | Fait tourner un élément en place. |
| shake | Fait déplacer un élément d’un côté à l’autre. |
| vanish | Fait disparaître progressivement un élément. |
| wobble | Fait bouger un élément de manière instable d’un côté à l’autre. |
| zoom | Crée un élément pour zoomer ou dézoomer la vue |