Animação

Circular wipe switcher

Um alternador de cores onde o novo tema inunda toda a superfície como um círculo que se expande a partir do ponto exato que você pressionou, enquanto o anel de seleção desliza entre as amostras.

Live palette

Pick your accent

Every surface in the workspace repaints to match.

Como usar Circular wipe switcher

Um alternador de cores onde o novo tema inunda toda a superfície como um círculo que se expande a partir do ponto exato que você pressionou, enquanto o anel de seleção desliza entre as amostras.

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: colorA, colorB, colorC, duration, fromPointer

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

1676Composable RevealAnimaçãoUm invólucro revelador cujas partes de deslizamento, fade, zoom e desfocagem podem ser ativadas e combinadas em uma única transição de mola.

2205Pixel CurtainAnimaçãoUm bloco de quadrados coloridos inunda uma carta em ordem aleatória, esconde a troca embaixo e depois é limpa da mesma maneira dispersa.

1808Spring easing toggleAnimaçãoUm bloco que desliza entre duas paradas em uma curva de mola inserida em uma transição simples CSS, com a curva gerada plotada ao lado dela.

1814Swap timing modesAnimaçãoTrês emblemas trocam o mesmo par de ícones lado a lado sob três regras de saída diferentes, de modo que remoções sobrepostas, sequenciais e out-of-flow podem ser comparadas rapidamente.

1669Blur revealAnimaçãoUm wrapper que mantém seu filho fora de foco e ligeiramente deslocado até que ele entre pela primeira vez na janela de visualização e, em seguida, resolva o desfoque e feche a lacuna em um movimento.

1763Bobble tile gridAnimaçãoUma grade de peças coloridas que se afastam do ponteiro em uma mola, saltando com mais força à medida que o ponteiro passa por elas.