مولد تدرج CSS
أنشئ تدرجات CSS جميلة بصرياً. اختر الألوان والاتجاه وانسخ الكود. أداة مجانية — بدون تسجيل.
#6366f1
#ec4899
ADVERTISEMENT
كيفية استخدام مولد تدرج CSS
اختر لونين أو أكثر، حدد الاتجاه، وشاهد التدرج فوراً. كود CSS المُنشأ جاهز للصق في ملف الأنماط الخاص بك. التدرجات تضيف عمقاً بصرياً للخلفيات والأزرار والبطاقات بدون ملفات صور إضافية.
خطي مقابل دائري
التدرجات الخطية تنتقل بالألوان على خط مستقيم. التدرجات الدائرية تتوسع من نقطة مركزية للخارج. اختر النمط المناسب لتصميمك.
الأسئلة الشائعة
هل يمكنني استخدام أكثر من 3 ألوان؟
نعم. انقر "إضافة لون" لإضافة نقاط توقف لونية حسب الرغبة. المولد يدعم ألواناً غير محدودة.
هل تعمل تدرجات CSS في جميع المتصفحات؟
نعم. التدرجات الخطية والدائرية مدعومة في جميع المتصفحات الحديثة بما في ذلك Chrome وFirefox وSafari وEdge. لا حاجة لبادئات المورد.
RELATED TOOLS