Transitions
Vous pouvez ajouter des transitions pour passer d'une slide à l'autre.
ColorJS est fourni avec des transitions déjà définies
Vous pouvez créer vos propres transitions
Utiliser les transitions fournies
Pour ajouter des transitions, il faut modifier les classes de vos slides.
On modifie toujours la transition de la slide qui arrive, pas de la slide qui part. Par exemple, si je veux un fondu pour passer de la slide 1 à 2, je mettrai la classe fade
sur la slide 2. Exemple, en modifiant notre code:
On obtient un joli fondu entre les deux slides.
Liste des transitions disponibles
Rappel: Si aucune transition n'est spécifiée, le changement d'une slide à l'autre se fera par un simple "cut".
Transitions de premier niveau
Les transitions de premier niveaux sont les effets de transition par défaut qui s'appliquent directement sur une slide. Par exemple:
On ajoute la classe à la suite de cjs-slide
.
Liste des transitions
Pour 2 slides A et B
Exemple
Ce code produira un effet de poussée de la deuxième slide qui va légèrement recouvrir la première.
Transitions de second niveaux
Ces effets s'ajoutent à un effet déjà existant. Utilisées seules, ces classes n'ont aucune action.
Liste des effets
Pour 2 slides A et B
Ne pas utiliser ces effets avec fade
.
Exemple
Ce code produira un effet de poussée de la deuxième slide qui va totalement recouvrir la première.
Démonstration de tous les effets de transition fournis
Last updated