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

التدرج الخطي ينقل الألوان على طول خط مستقيم بزاوية مختارة (0° تشير لأعلى، 90° لليمين). التدرج الدائري ينقل الألوان من نقطة مركزية إلى الخارج في دائرة أو شكل بيضاوي. أما التدرج المخروطي فيُدير الألوان حول نقطة مركزية مثل عجلة الألوان، بدءًا من زاوية مختارة. الأنواع الثلاثة مدعومة على نطاق واسع في كل المتصفحات الحديثة.

بقدر ما تشاء، ولكل واحدة لونها وموضعها الخاص (0-100%). يحدد الموضع أين يتمركز هذا اللون على طول التدرج، مما يتيح إنشاء انتقالات حادة (نقاط متقاربة) أو مزج ناعم (نقاط متباعدة).

لا. النقر على نموذج جاهز يقوم فقط بتحميل نوعه وألوانه ونقاطه في المحرر كنقطة بداية - تبقى كل الإعدادات قابلة للتعديل الكامل بعد ذلك، فيمكنك ضبط الزاوية أو إضافة نقاط أو تغيير الألوان لتخصيصه.

نعم، الكود المُولَّد قيمة صالحة لخاصيتَي background أو background-image في CSS. يعمل في أي مكان تُستخدم فيه صورة خلفية، بما في ذلك التركيب فوق صورة حقيقية باستخدام قائمة background-image مفصولة بفواصل.