Animación

Path follower

Una loseta redondeada que avanza a lo largo de una pista en espiral mientras la pista se adelanta y luego retrocede hasta el inicio.

Cómo usar Path follower

Una loseta redondeada que avanza a lo largo de una pista en espiral mientras la pista se adelanta y luego retrocede hasta el inicio.

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

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

1675Coiled Spring DragAnimaciónUna loseta que se puede arrastrar y que está atada a su lugar de origen mediante una bobina que se estira y se adelgaza a medida que tiras, y luego lanza la loseta hacia atrás cuando la sueltas.

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.

2170Icon Shape MorphAnimaciónUn único ícono relleno cambia suavemente su forma al siguiente ícono en una secuencia, con el contorno deformándose continuamente entre formas en lugar de desvanecerse o intercambiarse.

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.