راکت

کتاب‌خونه tailwind ورژن 1.7 با پشتیبانی gradient

2 پاسخ

سلام خدمت همه‌ی دوستان

کتاب‌خونه‌ی tailwind حدود یکی دو روز پیش نسخه ۱.۷ رو release کرد که توی این نسخه از gradient ها پشتیبانی می‌کنه

مثلا کد زیر رو ببینید:

<div class="bg-gradient-to-r from-orange-400 via-red-500 to-pink-500">
  <!-- ... -->
</div>

یک مستطیل مثل شکل زیر تحویل میده.

یا مثلا کد زیر:

<h1 class="text-6xl font-bold">
  <span class="bg-clip-text text-transparent bg-gradient-to-r from-teal-400 to-blue-500">
    Greetings from Tailwind v1.7.
  </span>
</h1>

متنی مثل شکل زیر تحویل میده

می‌تونید اطلاعات بیشتر در مورد این آپدیت رو از این لینک ببینید.

اگر با tailwind آشنایی ندارید پیشنهاد می‌کنم حتما یک نگاه به سایتش بندازید https://tailwindcss.com
خیلی کتاب‌خونه‌ی عالی هست تستش ضرر نداره :)

ثبت پرسش جدید

پاسخ‌ها

2
میلاد-م
میلاد-م
@milad

تخصص: توسعه‌دهنده رابط کاربری - Front-End

عکس رو جا گذاشتید، خروجی این میشه:
مثال گرادیانت

<div class="bg-gradient-to-r from-orange-400 via-red-500 to-pink-500">
  <!-- ... -->
</div>
میلاد-م
میلاد-م
@milad

تخصص: توسعه‌دهنده رابط کاربری - Front-End

ممنون از شما بابت به اشتراک گذاری این موضوع، اگر مقایسه ای رو با بوت استرپ براساس تجارب تون بیان می کردید هم به نظرم خواندنی بود.

شاید پاسخ شما همین‌جا باشد

برای ارسال پاسخ لازم است وارد شده یا ثبت‌نام کنید

ورود یا ثبت‌نام