ما هي أنواع التدرج المدعومة؟

خطية، شعاعية ومخروطية – كل أنواع تدرجات CSS الثلاثة.

هل يمكنني إضافة محطات ألوان؟

نعم – أضف ما تحتاجه من محطات ألوان مع مواضع مخصصة لتحكم دقيق.

نعم – قم بالتبديل للحصول على فئات أدوات Tailwind (مثل bg-gradient-to-r from-blue-500 to-purple-600).

نعم – مجاني بالكامل، لا يتطلب التسجيل، ويعمل في متصفحك.

الألوان والتصميم

مولد تدرجات CSS مجاني. أنشئ تدرجات خطية وشعاعية ومخروطية بصرياً. انسخ CSS أو فئات Tailwind فوراً. معاينة مباشرة أثناء التعديل.

Runs in your browser

FromToType

Angle135°

background: linear-gradient(135deg, #3b82f6, #a855f7);

bg-gradient-to-br from-[#3b82f6] to-[#a855f7]

ملاحظة المحرر

هذا الفصل المعمّق متاح حاليًا باللغة الإنجليزية فقط. أداة التحويل أعلاه تعمل بلغتك؛ أما المقال التفصيلي الطويل فلم تتم ترجمته بعد.

الأسئلة المتكررة

›What gradient types are supported?

Linear, radial and conic — all three CSS gradient types.

›Can I add color stops?

Yes — add as many color stops as you need with custom positions for fine-grained control.

›Does it output Tailwind?

Yes — toggle to get Tailwind utility classes (e.g. bg-gradient-to-r from-blue-500 to-purple-600).

›Is the generator free?

Yes — fully free, no signup, runs in your browser.

Use with

أدوات ذات صلة