Animación

Orbiting badges

Pequeñas insignias espaciadas uniformemente alrededor de una o dos pistas circulares, cada anillo gira a su propia velocidad y dirección mientras las insignias permanecen en posición vertical.

Cómo usar Orbiting badges

Pequeñas insignias espaciadas uniformemente alrededor de una o dos pistas circulares, cada anillo gira a su propia velocidad y dirección mientras las insignias permanecen en posición vertical.

Prueba la vista previa con el cursor y el teclado. Comprueba el foco visible y la composición en pantallas estrechas dentro de tu página. Usa el número de ficha o el identificador cuando pidas el componente a tu agente.

Propiedades: radius, count, duration, showPath, innerReverse, accent

¿Qué frameworks están disponibles?

El catálogo incluye estas versiones: react, vue, svelte, astro, html. La vista previa de esta página utiliza React.

¿Cómo accedo a la implementación?

El código, las versiones y los comandos de instalación están disponibles en el panel superior.

Conecta tu agente

Relacionados

2201Path OrbitAnimaciónLas cartas recorren un camino cerrado compartido, espaciados uniformemente y dando vueltas sin fin, con la forma del camino conmutable entre una elipse, un círculo y una estrella.

1724Orbiting Avatar IntroAnimaciónUna pila de retratos redondos que se levanta, se abre en abanico formando un círculo y luego gira lentamente alrededor del centro mientras cada retrato permanece en posición vertical.

1766Color blend compareAnimaciónDos muestras se repiten entre el mismo par de colores, una mezclada con valores de canal sin procesar y otra con luz lineal, lo que muestra la caída que produce una transición simple.

1767Connector Pulse BeamAnimaciónDibuja un conector curvo entre dos elementos y envía un segmento degradado brillante que viaja a lo largo de él en un bucle.

2159Gooey blob fieldAnimaciónUn campo de manchas suaves que orbitan caminos sembrados y se funden entre sí al acercarse, con una mancha adicional que sigue al puntero.

1781Iron filings fieldAnimaciónUna cuadrícula cuadrada de pequeños guiones que giran para apuntar al puntero, como limaduras de hierro que se enganchan en un imán arrastrado sobre ellas.