Card Inclinação 3D

Sobre

Card de produto que inclina em perspectiva conforme o cursor, com camadas em profundidade (translateZ) e um reflexo especular que acompanha o movimento.

Detalhes

Categoria

Cards

Tipo

Componente

Framework

React

Tecnologias

React, Tailwind CSS, CSS 3D

Publicado em

04 de setembro de 2026

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/card-inclinado.tsxtsx

Como usar

import CardInclinado from "@/components/integra/card-inclinado";

<CardInclinado />