Animation

Bobble tile grid

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

Utiliser Bobble tile grid

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

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: gridSize, accent, bounce, velocityScale, showIndex

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

1721Magnetic pull targetAnimationUne tuile qui se penche vers le pointeur chaque fois qu'elle entre dans un rayon défini, tirant plus fort à mesure qu'elle se rapproche et se rapprochant lorsque le pointeur s'en va.

1797Press and hover scale tileAnimationUne tuile qui gonfle au survol et s'écrase à la pression, la presse battant toujours en survol et les deux étant résolus à partir d'un seul ressort afin que les gestes ne se battent jamais.

2218Rubber sheet panelAnimationUn panneau qui se comporte comme du caoutchouc étiré : le pointeur l'attrape, les points voisins traînent et le lâchent le ramène avec une oscillation.

2252Tile reveal swapAnimationDeux 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.

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.

1675Coiled Spring DragAnimationUne tuile déplaçable attachée à son point d'origine par une bobine tirée qui s'étire et s'amincit lorsque vous tirez, puis ramène la tuile lorsque vous la lâchez.