مولّد تدرجات CSS
أنشئ تدرجات CSS خطية ودائرية مع معاينة مباشرة وكود جاهز للنسخ.
Type
Colors
طريقة الاستخدام
- 1
اختر خطياً أو دائرياً
اختر تدرجاً خطياً للمزج الاتجاهي أو تدرجاً دائرياً لانتشار الألوان الدائري من المركز إلى الخارج.
- 2
حدّد الألوان والزاوية
اختر نقاط توقف الألوان بمدخلات الألوان، واضبط الزاوية للتدرجات الخطية، وأضف أو أزل نقاطاً (حتى ستة ألوان).
- 3
عاين التدرج مباشرة
صندوق معاينة كبير يتحدّث في الوقت الفعلي لضبط الألوان والاتجاه قبل نسخ الكود.
- 4
انسخ CSS
انقر على نسخ للحصول على خاصية خلفية جاهزة للصق في ورقة الأنماط أو قيمة Tailwind التعسفية أو النمط المضمن.
الأسئلة الشائعة
ينتج إعلان خلفية كاملاً — إما linear-gradient(الزاوية، الألوان) أو radial-gradient(دائرة، الألوان) — جاهزاً للصق في CSS.
يمكنك استخدام بين لونين وستة ألوان. أضف نقاطاً بزر الزائد وأزل الزائد بأيقونة سلة المهملات (حد أدنى لونان).
للتدرجات الخطية، الزاوية بالدرجات تتحكم بالاتجاه — 0° للأعلى، 90° لليمين، و180° للأسفل. التدرجات الدائرية تتجاهل الزاوية.
نعم. الصق قيمة الخلفية في ملف CSS أو استخدمها كنمط مضمن في React أو ضمّنها في صيغة القيمة التعسفية في Tailwind.