— العدد 01 —
مجاني · بدون تسجيل
TOPS TOOLS مجموعة · أدوات · أونلاين
أدوات تساعد في العمل اليومي
الألوان

مولّد تدرج CSS

أضف نقاط توقف للألوان، غيّر الزاوية — كود CSS جاهز للنسخ بنقرة واحدة.

الأداة №
99
يعمل في المتصفح
بدون خادم
نقاط توقف الألوان
معاينة
كود CSS

ما هو مولّد تدرج CSS?

ينشئ مولّد تدرج CSS تدرجات خطية وشعاعية مع نقاط توقف متعددة ويولّد كود CSS جاهزاً للاستخدام.

كيف تستخدم مولّد تدرج CSS?

  1. اختر نوع التدرج — خطي (مع تحكم بالزاوية) أو شعاعي.
  2. أضف نقاط توقف للألوان، حدد اللون والموضع بالنسبة المئوية.
  3. انسخ كود CSS المُولَّد مباشرة إلى مشروعك.

المميزات الرئيسية

  • دعم التدرجات الخطية والشعاعية
  • حتى 8 نقاط توقف مع منتقي ألوان وتحكم بالموضع
  • معاينة مباشرة وكود CSS جاهز للنسخ

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

كيف أستخدم كود CSS المُولَّد؟

الصق الكود في قاعدة CSS، مثال: background: linear-gradient(…); — متوافق مع جميع المتصفحات الحديثة.

كم نقطة توقف يمكن إضافتها؟

يمكن إضافة حتى 8 نقاط توقف. لتدرج سلس، تكفي عادةً 2-4 نقاط.

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

نعم، الأداة مجانية تماماً ولا تتطلب تسجيلاً.

هل يتم حفظ بياناتي؟

لا. جميع العمليات تتم في متصفحك فقط — لا يُرسَل أي بيان إلى خادم.

إمكانية الوصول
تصغير النص