Cartões

Pointer Spotlight Panel

Um painel de conteúdo com uma luz suave que segue o ponteiro em sua face e fixa no centro no foco do teclado.

Edge caching

Responses are cached at the nearest region and served in under 40ms. Cache keys update automatically when the underlying data changes.

Como usar Pointer Spotlight Panel

Um painel de conteúdo com uma luz suave que segue o ponteiro em sua face e fixa no centro no foco do teclado.

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, radius, intensity, fadeMs

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

1854Edge tracking glow cardCartõesUm cartão cujo contorno só acende onde o ponteiro se aproxima dele, iluminando à medida que você se aproxima da borda e escurecendo perto do meio.

1830Pointer spotlight cardCartõesUm cartão cuja borda ilumina apenas ao longo do arco mais próximo do cursor, com uma suave lavagem interna que segue o ponteiro e recua quando ele sai.

1886Sheen sweep cardCartõesUm cartão com uma faixa de luz estacionada em um canto que percorre o rosto ao pairar e desliza para trás no momento em que o ponteiro sai.

1544Spotlight cardCartõesCartões cuja borda e superfície de 1px acendem ao redor do ponteiro, com o destaque passando por uma fileira de blocos de estatísticas.

1784Link thumbnail peekCartõesPassar o mouse sobre um link no texto corrido exibe uma pequena miniatura emoldurada de onde ele leva, com o título da página e o host abaixo.

1875Pixel Bloom CardCartõesUm cartão cuja superfície é preenchida com pequenos quadrados que florescem para fora do centro ao pairar, brilham quando segurados e encolhem ao sair.