Animation

Icon Shape Morph

Une seule icône remplie se transforme en douceur en l'icône suivante dans une séquence, le contour se déformant continuellement entre les formes plutôt que par un fondu enchaîné ou un échange.

Utiliser Icon Shape Morph

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: cycleSeconds, holdSeconds

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

2193Morphing icon toggleAnimationUne petite icône transforme continuellement son contour entre deux formes et deux couleurs sur une boucle régulière.

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.

1792Path followerAnimationUne tuile arrondie qui parcourt une piste en spirale enroulée tandis que la piste elle-même passe devant elle, puis revient au début.

2227Shape toggle morph iconAnimationUne seule icône remplie bascule entre deux formes uniquement lorsque vous cliquez dessus, son contour passant directement d'une silhouette à l'autre et sa couleur se fondant pour correspondre, puis maintenue jusqu'à ce que vous cliquiez à nouveau.

1807Spin count tileAnimationUn carré qui tourne un certain nombre de fois à la demande et atterrit à nouveau en carré, avec un léger arc indiquant la distance parcourue dans le tour.

1813Stroke drawing boardAnimationUne grille de formes tracées qui se dessinent trait par trait dans une vague décalée, comme si un stylo travaillait sur toute la planche.