Perspective Card

3D tilt effect card with glossy reflection.

Preview

3D Hover

Installation & Usage

tsx
import { PerspectiveCard } from "@/components/ui/perspective-card"

export function PerspectiveCardDemo() {
  return (
    <div className="flex justify-center p-10 perspective-[1000px]">
      <PerspectiveCard className="w-64 h-80 flex flex-col justify-end">
         <h3 className="text-2xl font-bold text-white">3D Tilt</h3>
         <p className="text-zinc-400">Move your mouse</p>
      </PerspectiveCard>
    </div>
  )
}