Fundos

Shockwave dot grid

Uma grade de pontos que tinge em direção ao cursor e se projeta em um anel quando você clica ou passa o dedo sobre ela.

Stage feed

18,204 fixtures are listening for the next cue

Click the grid to send a shockwave, or flick across it to spray one automatically.

Como usar Shockwave dot grid

Uma grade de pontos que tinge em direção ao cursor e se projeta em um anel quando você clica ou passa o dedo sobre ela.

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, dotSize, gap, proximity, shockRadius, returnSeconds

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

1671Bulging dot fieldFundosUma fina grade de pontos que se expande sob o cursor como um tecido empurrado por trás, saltando para trás com uma ultrapassagem suave no momento em que o ponteiro se move.

2112Bar wave matrixFundosUma grade de barras curtas onde cada barra desliza ao longo de sua própria trilha, e o deslocamento de fase de linha para linha transforma toda a grade em uma onda viajante.

1694Flickering square meshFundosUma malha de tela de pequenos quadrados onde células aleatórias ganham um novo brilho a cada quadro, proporcionando uma estática inquieta que nunca se repete.

1978Halftone ripple fieldFundosUm campo de pequenos ladrilhos que ligam e desligam com um padrão de ruído flutuante, e cada clique envia um anel de ladrilhos iluminados correndo para fora.

2000Particle FieldFundosUm campo de tela de pontos flutuantes suaves que flutuam por conta própria e se inclinam em direção ao ponteiro com um leve puxão magnético, recuando quando ele se afasta.

2210Pulse grid meshFundosUma malha de arame quadrada que se expande em anéis lentos a partir do meio, mais brilhante no centro e desaparece antes de atingir as bordas.