Entrance & Exit

Fade Out Directional

Aussi appelée Fade Out Up, Fade Out Down

L’élément disparaît en fondu en glissant dans une direction.

Fermeture de notifications et de cartes

  • up
  • down
  • left
  • right
  • up big
  • down big
  • left big
  • right big
  • top-left
  • top-right
  • bottom-left
  • bottom-right

Voir le code de la démo

Prompt

Remplacez [où] par la partie de votre page, puis collez le prompt dans votre agent IA. Chaque prompt contient le nom de l’animation : la prochaine fois, il vous suffira de la demander par son nom.

Ajoute une animation de sortie « Fade Out Directional » (aussi appelée fade out up ou fade out down) sur [où].
L’élément doit disparaître en fondu en glissant sur une courte distance dans une direction : rapide, en accélérant à la sortie.
Retire-le de la mise en page seulement à la fin du fondu pour que le contenu voisin ne saute pas trop tôt, et masque-le immédiatement si l’utilisateur a activé la réduction des animations (prefers-reduced-motion).

Remplacez [où] par la partie de votre page, puis collez le prompt dans votre agent IA. Chaque prompt contient le nom de l’animation : la prochaine fois, il vous suffira de la demander par son nom.