مولد تدرجات CSS
أنشئ تدرجات خطية وشعاعية مذهلة بصريًا. أضف محطات ألوان، واضبط الزوايا، واختر من الإعدادات المسبقة، وانسخ كود CSS على الفور.
ما هو مولد تدرجات CSS؟
يتيح لك مولد تدرجات CSS إنشاء انتقالات لونية سلسة للخلفيات على الويب بشكل مرئي. بدلاً من كتابة بناء الجملة للتدرج اللوني يدويًا، يمكنك اختيار الألوان وضبط مواضع التوقف والزوايا، والحصول على كود CSS جاهز للاستخدام على الفور. وهو يدعم كلاً من التدرجات الخطية (الاتجاهية) والتدرجات الشعاعية (الدائرية).
كيفية إنشاء تدرج CSS
- اختر النوع — حدد الوضع الخطي أو الشعاعي
- أضف الألوان — استخدم منتقي الألوان لتعيين محطات التدرج
- اضبط المواضع — اسحب أشرطة التمرير للتحكم في موضع كل لون
- عيّن الزاوية — بالنسبة للتدرجات الخطية، اضبط زاوية الاتجاه
- انسخ CSS — انقر فوق زر النسخ للحصول على كود CSS
لماذا تستخدم مولد تدرجات CSS هذا؟
- محرر مرئي — شاهد تحديث التدرج اللوني في الوقت الفعلي أثناء ضبط الألوان
- محطات متعددة — أضف ما يصل إلى 8 محطات ألوان للتدرجات المعقدة
- معرض الإعدادات المسبقة — ابدأ بتدرجات لونية جميلة مُعدة مسبقًا وخصصها
- CSS نظيف — احصل على CSS جاهز للنسخ واللصق مع بناء جملة مناسب
- لا حاجة للتسجيل — مجاني ويعمل بالكامل في متصفحك
FreeToolbox مقابل مولدات التدرج الأخرى
| الميزة | FreeToolbox | cssgradient.io | WebGradients |
|---|---|---|---|
| خطي + شعاعي | نعم | نعم | خطي فقط |
| محطات متعددة | حتى 8 | غير محدود | 2 فقط |
| إعدادات مسبقة | 6 | لا | 180 |
| إعلانات | أقل حد | كثيفة | معتدلة |
| واجهة مستخدم داكنة | نعم | لا | لا |
الأسئلة الشائعة
هل يمكنني إنشاء تدرجات شعاعية؟
نعم. قم بالتبديل بين الوضع الخطي والشعاعي في الأعلى. ينشئ الوضع الشعاعي تدرجات دائرية من المركز إلى الخارج.
كم عدد محطات الألوان التي يمكنني إضافتها؟
يمكنك إضافة ما يصل إلى 8 محطات ألوان. لكل محطة منتقي ألوان وشريط تمرير للموضع خاص بها.
هل يقوم بإنشاء بادئات خاصة بالمورد؟
تدعم المتصفحات الحديثة جميعها البنية القياسية. يستخدم الكود الذي تم إنشاؤه البنية القياسية `linear-gradient` / `radial-gradient` التي تعمل في جميع المتصفحات الحالية.
هل يمكنني حفظ التدرجات الخاصة بي؟
انسخ كود CSS واحفظه في مشروعك. تعمل الأداة داخل المتصفح ولا تخزن البيانات على خادم.
هل هذه الأداة مجانية؟
نعم، مجانية تمامًا بدون تسجيل أو حدود للاستخدام.