الإعدادات
#FF512F0%
#DD2476100%
معاينة حية
مخرجات CSS
background: linear-gradient(90deg, #ff512f 0%, #dd2476 100%);

مولد تدرجات CSS

إنشاء تدرجات CSS جميلة بصرياً.

كيفية الاستخدام

1

اختر النوع

اختر نوع التدرج (خطي، دائري، أو مخروطي) واضبط الزاوية إذا لزم الأمر.

2

أضف الألوان

أضف نقاط توقف الألوان، اختر ألوانك، واسحب أشرطة التمرير لضبط مواضعها بدقة.

3

نسخ CSS

عاين التدرج وانقر على 'نسخ CSS' لاستخدامه في مشروعك فوراً.

الأسئلة الشائعة

ما هو دعم المتصفحات لتدرجات CSS؟

يتم دعم تدرجات CSS (الخطية والدائرية) بواسطة جميع المتصفحات الحديثة. يتم دعم التدرجات المخروطية أيضاً على نطاق واسع في جميع المتصفحات الرئيسية (Chrome و Firefox و Safari و Edge).

كم عدد نقاط توقف الألوان التي يمكنني إضافتها؟

تسمح لك هذه الأداة بإضافة ما يصل إلى 5 نقاط توقف للحفاظ على واجهة المستخدم نظيفة، لكن CSS يدعم عدداً غير محدود. يمكنك إنشاء الكود الأساسي هنا وإضافة المزيد يدوياً إذا لزم الأمر.

هل يمكنني استخدام ألوان شفافة؟

حالياً، تستخدم هذه الأداة منتقي الألوان القياسي الذي يخرج عادة قيم HEX. للشفافية (RGBA)، يمكنك تعديل كود CSS المولد يدوياً لاستبدال رموز HEX بقيم rgba().

هل هذه الأداة مجانية؟

نعم، مولد تدرجات CSS الخاص بنا مجاني تماماً للاستخدام. لا توجد اشتراكات ولا تحتاج إلى التسجيل.

هل يمكنني حفظ التدرجات الخاصة بي؟

حالياً، لا ندعم الحفظ في حساب، ولكن يمكنك نسخ كود CSS وحفظه في ملفات مشروعك.

ما هو الفرق بين الخطي والشعاعي؟

تنقل التدرجات الخطية الألوان على طول خط مستقيم (على سبيل المثال، من أعلى إلى أسفل)، بينما تشع التدرجات الشعاعية من نقطة مركزية إلى الخارج.

كيف يمكنني استخدام CSS الذي تم إنشاؤه؟

ما عليك سوى نسخ الكود من مربع إخراج CSS ولصقه في ورقة الأنماط الخاصة بك ضمن خاصية "الخلفية" أو "صورة الخلفية".

هل يمكنني ضبط زاوية التدرج الخطي؟

نعم، استخدم شريط التمرير Rotation Angle أو مربع الإدخال لتعيين الاتجاه بالدرجات (على سبيل المثال، 90 درجة للاتجاه من اليسار إلى اليمين).

هل يدعم المتصفحات القديمة؟

الكود الذي تم إنشاؤه هو CSS3 القياسي. بالنسبة للمتصفحات القديمة جدًا (مثل IE9)، قد تحتاج إلى بادئات البائع، والتي لا تضيفها هذه الأداة تلقائيًا حاليًا.

ما هو التدرج المخروطي؟

يقوم التدرج المخروطي بتدوير الألوان حول نقطة مركزية، مثل المخطط الدائري أو عجلة الألوان. إنه مفيد لإنشاء أنماط ومخططات مثيرة للاهتمام.