Animation

Tile reveal swap

Deux panneaux échangent leurs places tuile par tuile, chaque tuile tournant et évoluant au fur et à mesure qu'elle se retourne, dans un ordre orienté à partir du centre, des bords ou d'une spirale.

Utiliser Tile reveal swap

Deux panneaux échangent leurs places tuile par tuile, chaque tuile tournant et évoluant au fur et à mesure qu'elle se retourne, dans un ordre orienté à partir du centre, des bords ou d'une spirale.

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: tileSize, pattern, duration, spin, trigger, 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

Blur reveal

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.

Bobble tile grid

1763Bobble tile gridAnimationUne grille de tuiles colorées qui s'éloignent du pointeur sur un ressort, rebondissant plus fort à mesure que le pointeur les traverse rapidement.

Compass bar grid

2127Compass bar gridAnimationUne grille de barres courtes qui tournent toutes pour pointer vers le pointeur, de sorte que le champ se lit comme de la limaille de fer trouvant un aimant.

Composable Reveal

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.

Directional Slide In

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.

Focus in reveal

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.