مولّد تدرجات CSS
أنشئ تدرجات CSS خطية ودائرية مع معاينة مباشرة وكود جاهز للنسخ.
يعمل محلياً — ملفاتك لا تُرفع
طريقة الاستخدام
- 1
اختر خطياً أو دائرياً
اختر تدرجاً خطياً للمزج الاتجاهي أو تدرجاً دائرياً لانتشار الألوان الدائري من المركز إلى الخارج.
- 2
حدّد الألوان والزاوية
اختر نقاط توقف الألوان بمدخلات الألوان، واضبط الزاوية للتدرجات الخطية، وأضف أو أزل نقاطاً (حتى ستة ألوان).
- 3
عاين التدرج مباشرة
صندوق معاينة كبير يتحدّث في الوقت الفعلي لضبط الألوان والاتجاه قبل نسخ الكود.
- 4
انسخ CSS
انقر على نسخ للحصول على خاصية خلفية جاهزة للصق في ورقة الأنماط أو قيمة Tailwind التعسفية أو النمط المضمن.
الأسئلة الشائعة
ينتج إعلان خلفية كاملاً — إما تدرجاً خطياً (زاوية، ألوان) أو تدرجاً دائرياً (دائرة، ألوان) — جاهزاً للصق في CSS.
يمكنك استخدام بين لونين وستة ألوان. أضف نقاطاً بزر الزائد وأزل الزائد بأيقونة سلة المهملات (حد أدنى لونان).
للتدرجات الخطية، الزاوية بالدرجات تتحكم بالاتجاه — 0° للأعلى، 90° لليمين، و180° للأسفل. التدرجات الدائرية تتجاهل الزاوية.
نعم. الصق قيمة الخلفية في ملف CSS أو استخدمها كنمط مضمن في React أو ضمّنها في صيغة القيمة التعسفية في Tailwind.
أدوات ذات صلة
مولّد رمز QR
أنشئ رموز QR مخصّصة للروابط وWi‑Fi وجهات الاتصال والمزيد. الشعار والألوان تبقى في متصفحك.
أدوات المطورين
مولّد الباركود
ولّد باركود CODE128 أو EAN13 أو UPC أو CODE39. نزّل SVG أو PNG للملصقات والمخزون.
أدوات المطورين
منسّق JSON
نسّق وتحقق من صحة JSON وصغّره مع رسائل خطأ واضحة.
أدوات المطورين
مشفّر / فك تشفير Base64
شفّر وفك تشفير النص أو الصور إلى Base64. يعمل بالكامل دون اتصال.
أدوات المطورين