Animación

Path Orbit

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

In orbit8

Cómo usar Path Orbit

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

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: shape, itemCount, duration, tilt, showPath, 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?

La vista previa y la descripción son públicas. Inicia sesión con una cuenta autorizada para abrir el código, las versiones y el panel de instalación.

Conecta tu agente

Relacionados

1791Orbiting badgesAnimaciónPequeñ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.

1792Path followerAnimaciónUna loseta redondeada que avanza a lo largo de una pista en espiral mientras la pista se adelanta y luego retrocede hasta el inicio.

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.

1782Keyframe morph loopAnimaciónUn cuadrado que ejecuta una rutina en bucle de crecer, girar y redondear en un círculo, manteniéndose en cada postura porque las paradas de tiempo son desiguales.