Brilho no Hover

Sobre

Um reflexo diagonal atravessa o card ao passar o cursor, como luz sobre vidro. Cor, ângulo, tamanho e duração configuráveis.

Detalhes

Categoria

Cards

Tipo

Componente

Framework

React

Tecnologias

React, CSS

Publicado em

24 de outubro de 2026

Base

Adaptado de Glare Hover · Magic UI (licença MIT)

Dependências e requisitos

• react>=18

  Biblioteca de interface.

• tailwindcss>=3.4 · dev

  Classes utilitárias de estilo.

• Projeto React 18+ com Tailwind CSS 3.4 ou 4 configurado.
• TypeScript recomendado (os arquivos são .tsx).

Arquivos incluídos

• components/integra/brilho-no-hover.tsxtsx

Como usar

import BrilhoNoHover from "@/components/integra/brilho-no-hover";

<BrilhoNoHover width="340px" height="210px">
  {/* conteúdo */}
</BrilhoNoHover>