Gradient Generator
مولد تدرجات CSS مجاني. أنشئ تدرجات خطية وشعاعية حتى 3 ألوان. اضبط الزاوية، عاين مباشرة، وانسخ كود CSS. مثالي لمصممي الويب.
background: linear-gradient(90deg, #6366f1, #ec4899);حول Gradient Generator
يعمل Gradient Generator بالكامل في متصفحك. تبقى بياناتك على جهازك — لا يتم رفع أي شيء إلى أي خادم.
مولد تدرجات CSS مجاني. أنشئ تدرجات خطية وشعاعية حتى 3 ألوان. اضبط الزاوية، عاين مباشرة، وانسخ كود CSS. مثالي لمصممي الويب. مجاني, بدون تسجيل, الخصوصية أولاً.
كيفية استخدام Gradient Generator
أنشئ تدرجات CSS بمحرر مرئي. ابنِ تدرجات خطية وشعاعية ومخروطية وانسخ كود CSS فورًا.
- 1
اختر نوع التدرج
اختر خطيًا أو شعاعيًا أو مخروطيًا ليتناسب مع المظهر الذي تريده لتصميمك.
- 2
اختر ألوانك
أضف نقاط توقف لونية واسحبها لضبط المواضع. اضبط الزاوية للتدرجات الخطية.
- 3
عاين التدرج
شاهد المعاينة تتحدث في الوقت الفعلي أثناء ضبط الألوان والمواضع والزاوية.
- 4
انسخ CSS
انقر على نسخ لنسخ كود تدرج CSS المُنشأ، جاهز للصق في ورقة الأنماط.
نصائح
- •استخدم لونين أو ثلاثة لتدرجات نظيفة وعصرية — أكثر قد يبدو مشوشًا.
- •أضف نقاط توقف عند 0% و100% لتغطية كاملة، أو اترك فجوات لتأثير مُحزم.
- •التدرجات الخطية عند 135deg تبدو أكثر حيوية من 90deg الافتراضية.
أدوات ذات صلة
المزيد من أدوات Generators
الأسئلة الشائعة
هل مولّد التدرجات مجاني؟
نعم، مولّد التدرجات لدينا مجاني تمامًا دون تسجيل. يمكنك إنشاء تدرجات CSS غير محدودة ونسخ الكود فورًا.
ما أنواع التدرجات المدعومة؟
ندعم التدرجات الخطية بزاوية قابلة للضبط والتدرجات الشعاعية بشكل وموضع قابلين للتخصيص. يمكنك إضافة نقاط توقف لونية متعددة لتأثيرات معقدة.
هل يمكنني نسخ كود CSS؟
نعم. يُعرض CSS المُنشأ في صندوق كود. انقر على نسخ للحصول على خاصية background جاهزة للصق في ورقة الأنماط.
هل يعمل مولّد التدرجات دون اتصال؟
نعم. كل الإنشاء يحدث في متصفحك، لذا تعمل الأداة دون اتصال بالإنترنت بعد تحميل الصفحة.