Animação

Bobble tile grid

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

Como usar Bobble tile grid

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

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: gridSize, accent, bounce, velocityScale, showIndex

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

1721Magnetic pull targetAnimaçãoUm bloco que se inclina em direção ao ponteiro sempre que ele entra em um raio definido, puxando com mais força à medida que se aproxima e voltando para casa quando o ponteiro sai.

1797Press and hover scale tileAnimaçãoUm ladrilho que incha ao pairar e se comprime ao pressionar, com a imprensa sempre superando o hover e ambos resolvidos a partir de uma mola para que os gestos nunca briguem.

2218Rubber sheet panelAnimaçãoUm painel que se comporta como uma borracha esticada: o ponteiro o agarra, os pontos vizinhos se arrastam e, ao soltá-lo, ele volta com uma oscilação.

2252Tile reveal swapAnimaçãoDois painéis trocam de lugar, ladrilho por ladrilho, cada ladrilho girando e aumentando à medida que gira, em uma ordem orientada a partir do centro, das bordas ou de uma espiral.

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.

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.