Cartões

Traveling edge glow card

Um cartão escuro rodeado por uma borda gradiente de dois tons que desliza indefinidamente, duplicado por um eco desfocado que ilumina a superfície atrás dele.

Product update

Real-time collaboration is here

See teammates’ cursors, comments and edits the moment they happen, no refresh needed.

Como usar Traveling edge glow card

Um cartão escuro rodeado por uma borda gradiente de dois tons que desliza indefinidamente, duplicado por um eco desfocado que ilumina a superfície atrás dele.

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: borderSize, radius, speed, colorStart, colorEnd

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

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.

1841Bevel Edge Panel CardCartõesUm cartão com chanfro interno de um pixel que faz com que pareça pressionado na página e um modo de quadro que agrupa subpainéis empilhados.

1845Brushed Metal PassCartõesUm cartão de acesso cuja face de metal escovado carrega uma faixa especular que oscila com o ponteiro, sobre uma superfície de ruído ondulada e granulação fina.

1846Card Shuffle StackCartõesUma pilha de painéis em leque que gira em um temporizador: o painel frontal cai, o resto dá um passo à frente e o painel caído balança na parte de trás.

1865Holographic ID cardCartõesUm cartão pessoal que se inclina em direção ao ponteiro enquanto um brilho holográfico desliza por sua face, com uma faixa de rodapé contendo o avatar, a alça, o status e um botão de contato.