گرادیان چرخان

conic-spinپس‌زمینه

گرادیان مخروطی تاری که پشت محتوا آهسته می‌چرخه، برای هیرویی که باید کمی بدرخشد.

متن روی پس‌زمینه

در همه‌ی تم‌ها باید خوانا بمونه.

نصب

  1. با CLI

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

    $ npx vibefarsi add conic-spin
  2. نصب دستی

    محتوای تب «کد» را در components/backgrounds/conic-spin.tsx بگذارید. کلیدفریم را هم به globals.css اضافه کنید.

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

استفاده

usage.tsx
1import { ConicSpinBackground } from "@/components/backgrounds/conic-spin"23<section className="relative overflow-hidden">4  <ConicSpinBackground duration={24} />5  <div className="relative"></div>6</section>

پراپ‌ها

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