مولد تدرج CSS
색상 정지점
0%
100%
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); آخر تحديث: 2026 · أداة مجانية عبر الإنترنت
ما هو مولد تدرج CSS؟
محرر مرئي مجاني عبر الإنترنت لإنشاء تدرجات CSS ونسخ الكود
كيفية الاستخدام
- 1 اختيار النوع — اختر نوع التدرج (خطي، شعاعي، مخروطي).
- 2 ضبط نقاط التوقف اللونية — اضبط لون وموضع كل نقطة توقف لونية.
- 3 معاينة — تحقق من النتيجة في الوقت الفعلي في المعاينة.
- 4 نسخ كود CSS — انسخ كود CSS إلى الحافظة باستخدام زر 'نسخ'.
أدوات ذات صلة
الأسئلة الشائعة
لا يوجد حد، لكن 2-6 هو المعتاد. الكثير قد يؤثر على الأداء.
نعم. قم بتفعيل مربع اختيار 'تكرار' لإضافة بادئة repeating.
يتم توفير خمسة إعدادات مسبقة: Sunset و Ocean و Forest و Midnight و Rainbow.
حالياً يتم إنتاج CSS نقي فقط. تحويل Tailwind مخطط له في تحديث مستقبلي.
لا. تتم جميع العمليات في المتصفح.