Démo Scrolly

Vous trouverez une représentation visuelle des différentes animations disponibles pour Scrolly ainsi que des paramètres.

Animations

fromBottom

Fait apparaître l'élément cible à partir du bas.

• fromBottom
• fromBottom
• fromBottom
• fromBottom
• fromBottom
• fromBottom
• fromBottom
• fromBottom
• fromBottom
• fromBottom
• fromBottom
• fromBottom
• fromBottom
• fromBottom
• fromBottom
• fromBottom

Animation fromLeft

Fait apparaître l'élément cible à partir de la gauche.

• fromLeft
• fromLeft
• fromLeft
• fromLeft
• fromLeft
• fromLeft
• fromLeft
• fromLeft
• fromLeft
• fromLeft
• fromLeft
• fromLeft
• fromLeft
• fromLeft
• fromLeft
• fromLeft

Animation fromRight

Fait apparaître l'élément cible à partir de la droite.

• fromRight
• fromRight
• fromRight
• fromRight
• fromRight
• fromRight
• fromRight
• fromRight
• fromRight
• fromRight
• fromRight
• fromRight
• fromRight
• fromRight
• fromRight
• fromRight

Animation flipFromBottom

Fait apparaître l'élément avec un flip 3d du bas.

• flipFromBottom
• flipFromBottom
• flipFromBottom
• flipFromBottom
• flipFromBottom
• flipFromBottom
• flipFromBottom
• flipFromBottom
• flipFromBottom
• flipFromBottom
• flipFromBottom
• flipFromBottom
• flipFromBottom
• flipFromBottom
• flipFromBottom
• flipFromBottom

Animations mélangées

Un mélange des animations ci-hauts

• fromRight
• fromLeft
• fromLeft
• fromBottom
• fromLeft
• fromLeft
• fromBottom
• flipFromBottom
• fromLeft
• flipFromBottom
• fromLeft
• fromBottom
• fromBottom
• fromRight
• fromLeft
• fromRight
• fromRight
• flipFromBottom
• flipFromBottom
• fromRight
• fromRight
• fromLeft
• fromLeft
• fromLeft
• fromRight
• fromLeft
• flipFromBottom
• fromBottom
• flipFromBottom
• fromLeft
• fromBottom
• fromBottom

Paramètre : data-no-repeat

Ce paramètre permet d'éviter la répétition des animations une fois apparue afin d'éviter une fatigue oculaire.

ANIMATIONS MÉLANGÉES SANS RÉPÉTION

Fait apparaître les éléments

• flipFromBottom
• fromRight
• fromBottom
• fromLeft
• fromRight
• fromLeft
• fromRight
• fromRight
• fromBottom
• fromRight
• fromBottom
• fromBottom
• fromLeft
• flipFromBottom
• fromLeft
• fromLeft
• fromRight
• fromBottom
• fromLeft
• fromLeft
• fromBottom
• fromLeft
• fromLeft
• fromBottom
• fromBottom
• fromRight
• flipFromBottom
• flipFromBottom
• fromLeft
• fromBottom
• fromRight
• fromLeft