سازنده‌ی گرادیان CSS

ساخت گرادیان خطی و شعاعی با خروجی CSS آماده.

رایگان
همه‌ی این ابزارها داخل مرورگر شما اجرا می‌شوند؛ هیچ داده‌ای به سرور ما ارسال نمی‌شود.

درباره‌ی سازنده‌ی گرادیان CSS

گرادیان CSS بدون هیچ تصویری اجرا می‌شود، یعنی نه درخواست شبکه‌ای اضافه می‌کند نه با بزرگ‌نمایی کیفیتش افت می‌کند. این ابزار پیش‌نمایش زنده می‌دهد و کد آماده‌ی چسباندن در شیوه‌نامه‌ی شما تولید می‌کند.

راهنمای استفاده از سازنده‌ی گرادیان CSS

  1. 1

    رنگ‌های شروع و پایان را انتخاب کنید؛ در صورت نیاز رنگ سوم را هم فعال کنید.

  2. 2

    نوع گرادیان را خطی یا شعاعی بگذارید و برای حالت خطی زاویه را تنظیم کنید.

  3. 3

    پیش‌نمایش زنده را ببینید، یا با دکمه‌ی تصادفی ترکیب‌های تازه را مرور کنید.

  4. 4

    کد CSS تولیدشده را کپی کنید.

پرسش‌های متداول

گرادیان خطی بهتر است یا شعاعی؟

خطی برای پس‌زمینه‌ی بخش‌ها و دکمه‌ها متداول‌تر است. شعاعی وقتی خوب است که بخواهید نور از یک نقطه بتابد، مثل هاله‌ی پشت یک عنصر شاخص.

چرا گرادیان من وسطش خاکستری و کدر می‌شود؟

این اتفاق وقتی می‌افتد که دو رنگ روی چرخه‌ی رنگی از هم دور باشند و مسیر میانی از خاکستری بگذرد. رنگ‌های نزدیک‌تر یا افزودن یک رنگ میانی مشکل را حل می‌کند.

پشتیبانی مرورگرها چطور است؟

گرادیان‌های CSS در همه‌ی مرورگرهای امروزی بدون پیشوند کار می‌کنند و نیازی به کد جایگزین ندارید.