جشنواره عیدانه راکت | عضویت ویژه راکت برای آخرین بار | افزایش قیمت‌ها از سال جدید | و ...

مشاهده اطلاعات بیشتر...
ثانیه
دقیقه
ساعت
روز
مهدی عقیقی
4 سال پیش توسط مهدی عقیقی مطرح شد
2 پاسخ

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

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

کتاب‌خونه‌ی 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
خیلی کتاب‌خونه‌ی عالی هست تستش ضرر نداره :)


ثبت پرسش جدید
میلاد-م
تخصص : توسعه‌دهنده رابط کاربری - Fron...
@milad 4 سال پیش مطرح شد
1

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

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

میلاد-م
تخصص : توسعه‌دهنده رابط کاربری - Fron...
@milad 4 سال پیش مطرح شد
1

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


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

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