Valmor

Hover 3D Card

Card com efeito 3D no hover.

Hover 3D Card

Hover Me
<!-- Hover 3D Card Component -->
<div class="hover-3d-card">
  Hover 3D Card content here
</div>
---
import Hover 3D Card from '@/components/ui/data-display/Hover 3D Card/Hover 3D Card.astro';
---

<Hover 3D Card />

Uso

Quando usar

  • Use Hover 3D Card para card com efeito 3d no hover.
  • Ideal para interfaces que precisam de exibição de dados

Boas práticas

  • Mantenha consistência com outros componentes da mesma categoria
  • Considere acessibilidade e estados de interação
  • Teste em diferentes tamanhos de tela