Skip to content

Animation

La rubrique Animation déclenche une apparition animée de l'élément quand il devient visible à l'écran. Elle se compose d'un préréglage et de paramètres ajustables (durée, délai, mouvements et rotation).

Animations prédéfinies

Le sélecteur Animations prédéfinies propose neuf effets prêts à l'emploi :

  • Fondu — l'élément apparaît en fondu, sans mouvement.
  • Fondu vers la droite — fondu + glissement depuis la gauche.
  • Fondu vers la gauche — fondu + glissement depuis la droite.
  • Fondu vers le haut — fondu + glissement depuis le bas.
  • Fondu vers le bas — fondu + glissement depuis le haut.
  • Zoom avant — fondu + zoom progressif vers la taille finale.
  • Zoom arrière — fondu + zoom progressif depuis une taille plus grande.
  • Rotation gauche — fondu + rotation à partir de la gauche.
  • Rotation droite — fondu + rotation à partir de la droite.

Choisir un préréglage configure automatiquement la durée à 300 ms et les paramètres ci-dessous.

Paramètres fins

Vous pouvez ajuster chaque dimension indépendamment :

  • Durée d'animation (0–2000 ms) — temps total de l'animation.
  • Délai d'apparition (0–2000 ms) — temps d'attente avant que l'animation ne démarre, après que l'élément soit devenu visible. Pratique pour faire apparaître plusieurs éléments en cascade.
  • Effet de balayage (-100 à 100 px) — translation horizontale au démarrage. Positif = vient de la gauche, négatif = vient de la droite.
  • Effet de levée (-100 à 100 px) — translation verticale au démarrage. Positif = vient du bas, négatif = vient du haut.
  • Effet de zoom (0–2) — facteur d'échelle au démarrage. <1 = zoom avant, >1 = zoom arrière.
  • Effet de rotation (-180 à 180°) — angle de rotation au démarrage.

Réinitialiser

Le bouton Réinitialiser les paramètres efface l'animation : l'élément apparaît instantanément, sans transition.

La documentation a été faite avec ❤️ par notre équipe interne.