Animação

Path follower

Um ladrilho arredondado que percorre uma trilha em espiral ondulada enquanto a própria trilha avança à frente dela e depois volta ao início.

Como usar Path follower

Um ladrilho arredondado que percorre uma trilha em espiral ondulada enquanto a própria trilha avança à frente dela e depois volta ao início.

Teste a prévia com o mouse e o teclado. Verifique o foco visível e o layout em telas estreitas na sua página. Informe o número ou o identificador do componente ao seu agente de programação.

Propriedades: accent, duration, tileSize, alignToTangent, strokeWidth

Quais frameworks estão disponíveis?

O catálogo inclui estas versões: react, vue, svelte, astro, html. A prévia desta página usa React.

Como acessar a implementação?

O código, as versões e os comandos de instalação estão disponíveis no painel acima.

Conecte seu agente

Componentes relacionados

2201Path OrbitAnimaçãoAs cartas percorrem um caminho fechado compartilhado, espaçados uniformemente e circulando infinitamente, com o formato do caminho alternável entre uma elipse, um círculo e uma estrela.

1675Coiled Spring DragAnimaçãoUm ladrilho arrastável preso ao seu local de origem por uma bobina esticada que se estica e afina conforme você puxa, e então puxa o ladrilho para trás quando você o solta.

1766Color blend compareAnimaçãoDuas amostras circulam entre o mesmo par de cores, uma misturada em valores brutos de canal e outra em luz linear, mostrando a queda causada por uma transição simples.

1767Connector Pulse BeamAnimaçãoDesenha um conector curvo entre dois elementos e envia um segmento de gradiente brilhante percorrendo-o em um loop.

2170Icon Shape MorphAnimaçãoUm único ícone preenchido se transforma suavemente no próximo ícone em uma sequência, com o contorno se deformando continuamente entre as formas, em vez de desbotamento cruzado ou troca.

1782Keyframe morph loopAnimaçãoUm quadrado que executa uma rotina contínua de crescer, girar e girar em um círculo, mantendo-se em cada pose porque as paradas de tempo são irregulares.