Animação

Icon Shape Morph

Um ú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.

Como usar Icon Shape Morph

Um ú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.

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: cycleSeconds, holdSeconds

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, a instalação e o painel de propriedades estão incluídos no Fieldbook Pro. A prévia interativa está aberta para todos.

Conecte seu agente

Componentes relacionados

2193Morphing icon toggleAnimaçãoUm pequeno ícone transforma continuamente seu contorno entre duas formas e duas cores em um loop constante.

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.

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

2227Shape toggle morph iconAnimaçãoUm único ícone preenchido alterna entre duas formas somente quando clicado, seu contorno fluindo diretamente de uma silhueta para outra e sua cor fazendo crossfading para combinar, mantendo-o pressionado até ser clicado novamente.

1807Spin count tileAnimaçãoUm quadrado que gira um número inteiro de vezes sob demanda e cai novamente, com um arco fraco mostrando o quão longe está a curva.

1813Stroke drawing boardAnimaçãoUma grade de formas contornadas que se desenham traço por traço em uma onda escalonada, como se uma caneta estivesse trabalhando no quadro.