Aller au contenu
Fieldbook
Menu
Se connecter
FR

Animation

Orbiting badges

Petits badges répartis uniformément autour d'une ou deux pistes circulaires, chaque anneau tournant à sa propre vitesse et direction tandis que les badges restent droits.

Utiliser Orbiting badges

Petits badges répartis uniformément autour d'une ou deux pistes circulaires, chaque anneau tournant à sa propre vitesse et direction tandis que les badges restent droits.

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: radius, count, duration, showPath, innerReverse, 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

Path Orbit
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.
Orbiting Avatar Intro
1724Orbiting Avatar IntroAnimationUne pile de portraits ronds qui se soulève, se déploie en cercle puis tourne lentement autour du centre tandis que chaque portrait reste droit.
Color blend compare
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.
Connector Pulse Beam
1767Connector Pulse BeamAnimationDessine un connecteur incurvé entre deux éléments et envoie un segment de dégradé brillant le long d'une boucle.
Gooey blob field
2159Gooey blob fieldAnimationUn champ de blobs mous qui gravitent autour de chemins ensemencés et se fondent les uns dans les autres à l'approche, avec un blob supplémentaire qui suit le pointeur.
Iron filings field
1781Iron filings fieldAnimationUne 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.