تولیدکننده گرادیان CSS

نوع گرادیان

زاویه (درجه)

شکل

توقف‌های رنگ

خروجی CSS

گرادیان CSS چیست؟

گرادیان‌های CSS به شما امکان می‌دهند بدون استفاده از فایل‌های تصویری، انتقال‌های نرم بین دو یا چند رنگ را نمایش دهید. سه نوع دارند: linear-gradient (در امتداد یک خط مستقیم)، radial-gradient (تشعشع از یک نقطه مرکزی) و conic-gradient (چرخش دور یک نقطه مرکزی). گرادیان‌ها برای پس‌زمینه‌ها، دکمه‌ها، لایه‌ها و عناصر تزئینی استفاده می‌شوند.

نحوه استفاده از تولیدکننده گرادیان CSS

یک پیش‌تنظیم از نمونه‌ها انتخاب کنید یا گرادیان خود را پیکربندی کنید.
نوع گرادیان را انتخاب کنید: linear، radial یا conic.
زاویه (برای linear/conic) یا شکل (برای radial) را تنظیم کنید.
توقف‌های رنگ را ویرایش کنید — رنگ‌ها و موقعیت‌ها (0–100%) را تغییر دهید.
توقف‌های رنگ را در صورت نیاز اضافه یا حذف کنید.
CSS را کپی کرده و در استایل‌شیت خود جای‌گذاری کنید.

Keywords: تولیدکننده گرادیان CSS، گرادیان خطی، گرادیان شعاعی، گرادیان مخروطی، تولیدکننده پس‌زمینه CSS، انتخابگر رنگ گرادیان، ابزار گرادیان CSS