کارت تعاملی با جلوه‌ی چرخش سه‌بعدی

با یک حرکت ساده ماوس، کارت شما به صورت سه‌بعدی می‌چرخد و اطلاعات جدیدی نشان می‌دهد.

npx shadcn@latest add https://kokonutui.com/r/card-flip.json

دریافت در ربات ذخیره

چه کاری می‌کند

• استفاده از React برای ساخت کامپوننتی قابل استفاده مجدد و مدیریت راحت رویدادها
• اعمال transform و transitionهای CSS با Tailwind CSS برای انیمیشن نرم و جذاب
• طراحی تعاملی که با هاور کاربر واکنش نشان می‌دهد و تجربه‌ی کاربری بهتری ایجاد می‌کند

کجا به کار می‌آید

برای کاربرد خود، محتوای پشت و روی کارت و متن دکمه فراخوان را تغییر دهید.

پیش‌نیاز

پروژهٔ React یا Next.js با shadcn/ui؛ دستور نصب را در پوشهٔ پروژه اجرا کنید

مناسب برای

نمایش ویژگی‌های محصولات یا خدمات با جلوه بصری جذاب

سازنده: KokonutUI · منبع اصلی · مجوز MIT