Animation

Stagger bar row

Une rangée de barres qui se mettent en place les unes après les autres, la vague partant de chaque extrémité ou du milieu vers l'extérieur.

Utiliser Stagger bar row

Une rangée de barres qui se mettent en place les unes après les autres, la vague partant de chaque extrémité ou du milieu vers l'extérieur.

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: accent, count, stagger, origin, distance

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 portages, l’installation et le panneau de propriétés sont inclus dans Fieldbook Pro. L’aperçu interactif est ouvert à tous.

Connectez votre agent

Composants proches

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.

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.

1684Directional Slide InAnimationUne 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.

1773Entrance timing playgroundAnimationUn disque rejoue le même mouvement d'entrée à la demande afin que vous puissiez ressentir exactement la durée, le retard et la courbe d'assouplissement de chacun.

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.

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.