Animation

Iron filings field

Une grille carrée de petits tirets qui tournent tous pour pointer vers le pointeur, comme de la limaille de fer accrochée à un aimant glissé dessus.

Drag the pointer across the grid

Utiliser Iron filings field

Une grille carrée de petits tirets qui tournent tous pour pointer vers le pointeur, comme de la limaille de fer accrochée à un aimant glissé dessus.

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, dashLength, stiffness, idleDrift

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

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.

2206Pointer MagnetAnimationUn emballage qui permet à tout ce qu'il contient de dériver vers le pointeur alors qu'il se trouve à l'intérieur d'une zone de capture rembourrée, puis de revenir se reposer.

1818Tilting cube fieldAnimationUne grille de cubes creux qui se penchent vers le pointeur dans un rayon d’atténuation, errent d’eux-mêmes lorsqu’ils sont laissés seuls et clignotent vers l’extérieur en anneaux en un clic.

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.

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.

1771Drag tile trackAnimationUne tuile que vous pouvez lancer autour d'une piste délimitée qui s'incline dans la traînée, résiste au-delà des bords et s'arrête avec élan.