Animation

Path follower

Une 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.

Utiliser Path follower

Une 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.

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, duration, tileSize, alignToTangent, strokeWidth

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

2201Path OrbitAnimationLes cartes parcourent un chemin fermé partagé, uniformément espacé et tournant sans fin, avec la forme du chemin commutable entre une ellipse, un cercle et une étoile.

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.

1766Color blend compareAnimationDeux échantillons bouclent entre la même paire de couleurs, l'un mélangé avec des valeurs de canal brutes et l'autre avec une lumière linéaire, montrant le creux provoqué par une transition simple.

1767Connector Pulse BeamAnimationDessine un connecteur incurvé entre deux éléments et envoie un segment de dégradé brillant le long d'une boucle.

2170Icon Shape MorphAnimationUne 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.

1782Keyframe morph loopAnimationUn carré qui exécute une routine en boucle consistant à grandir, tourner et arrondir en cercle, en se tenant à chaque pose car les arrêts de timing sont inégaux.