کارت سه‌بعدی

tilt-cardانیمیشن

کارتی که با حرکت ماوس کج میشه.

کارت بانکی

•••• •••• •••• ۴۸۲۱

سارا محمدی · ۰۸/۰۷

نصب

  1. با CLI

    اگر هنوز init نکردید، اول از راهنمای نصب پروژه را آماده کنید. بعد این دستور کامپوننت و وابستگی‌هاش را می‌نویسه.

    $ npx vibefarsi add tilt-card
  2. نصب دستی

    محتوای تب «کد» را در components/animations/tilt-card.tsx بگذارید.

    $ npm i lucide-react
    کپی کل فایلregistry json

استفاده

usage.tsx
1import { TiltCard } from "@/components/animations/tilt-card"23<TiltCard className="p-4"></TiltCard>

پراپ‌ها

پراپنوعپیش‌فرضتوضیح
maxnumber14حداکثر زاویه به درجه.