Animation

Directional Slide In

Une révélation qui pousse le contenu depuis l'un des quatre côtés d'une distance définie et permet à un ressort d'absorber l'arrivée.

Reveal preview

Down

Left

Right

01Connect your repo

02Pick a theme

03Invite your team

Utiliser Directional Slide In

Une révélation qui pousse le contenu depuis l'un des quatre côtés d'une distance définie et permet à un ressort d'absorber l'arrivée.

Testez l’aperçu avec la souris et le clavier, puis vérifiez la visibilité du focus et la mise en page sur un écran étroit. Indiquez le numéro ou l’identifiant du composant à votre agent de programmation.

Propriétés: direction, offset, delay, stagger, accent

Quels frameworks sont disponibles ?

Le catalogue propose ces versions : react, vue, svelte, astro, html. L’aperçu de cette page utilise React.

Comment accéder à l’implémentation ?

Le code, les versions et les commandes d’installation sont disponibles dans le panneau ci-dessus.

Connectez votre agent

Composants proches

1697Focus in revealAnimationUne révélation qui rend le contenu flou et lui permet de s'affiner lorsqu'il entre dans la vue, avec un délai facultatif par élément pour une pile de lignes.

1676Composable RevealAnimationUn emballage de révélation dont les parties diapositive, fondu, zoom et défocalisation peuvent chacune être activées et combinées en une seule transition à ressort.

1743Scale in on viewAnimationUn wrapper qui maintient son enfant petit jusqu'à ce qu'il défile pour la première fois, puis le fait apparaître en taille réelle, avec un décalage facultatif par élément pour les listes.

1751Staggered Fade ListAnimationLignes qui s'estompent à partir d'une opacité de départ choisie l'une après l'autre à mesure que le groupe entre dans la vue, l'écart entre elles étant réglable.

1669Blur revealAnimationUn wrapper qui maintient son enfant flou et légèrement décalé jusqu'à ce qu'il entre pour la première fois dans la fenêtre, puis résout le flou et comble l'espace en un seul mouvement.

1787Mount pop inAnimationUne rangée de formes qui surgissent de zéro au moment où elles montent, décalées pour que le groupe se lit comme une seule vague, avec un bouton de relecture pour la revoir.