مولد تدرجات CSS

تدرجات خطية وشعاعية ومخروطية بنقاط متعددة وتصدير CSS.


  

عن مولد تدرجات CSS

صمّم تدرجات CSS بصرياً: أضف نقاط الألوان واحذفها، واضبط المواضع والزوايا، وبدّل بين الأنواع الخطي والشعاعي والمخروطي، وانسخ كود CSS جاهزاً للإنتاج.

طريقة الاستخدام

  1. اختر خطياً أو شعاعياً أو مخروطياً.
  2. اضبط الزاوية أو الشكل.
  3. أضف نقاطاً ثم عدّل لون كل نقطة وموضعها.
  4. انسخ كود CSS أو نزّله.

أمثلة

  • خلفية هادئة لقسم رئيسي من لونين متقاربين.
  • عجلة ألوان مخروطية لمؤشر تحميل.

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

ما المتصفحات التي تدعم هذه التدرجات؟
التدرجات الخطية والشعاعية مدعومة في جميع المتصفحات الحديثة، والمخروطية مدعومة في جميع المتصفحات الرئيسية الحالية.
هل يمكنني استخدام أكثر من لونين؟
نعم، أضف ما شئت من النقاط.
لماذا يظهر التدرج على شكل أشرطة؟
قد تظهر الأشرطة في التدرجات الطويلة بين ألوان داكنة متقاربة على الشاشات ذات 8 بت؛ إضافة نقطة وسطى تساعد.

أدوات ذات صلة