مولّد تدرج CSS

أنشئ تدرجات CSS خطية وشعاعية ومخروطية في متصفحك.

نوع التدرج الزاوية (deg)

الموضع X (%) الموضع Y (%)

نقاط توقف اللون

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

جاهز

معالجة محلية في المتصفح

يبقى التدرج الخاص بك في هذا المتصفح. لا يتم إرسال أي ألوان أو CSS تم إنشاؤها إلى Convertr.

قواعد استيراد محدودة

يقبل الاستيراد الدوال linear-gradient() أو radial-gradient() أو conic-gradient() مع ألوان سداسية ونسب مئوية. يتم ربط التصريحات وعناوين URL والمتغيرات والدوال غير المعروفة محليًا.

خلفية احتياطية قابلة للوصول

يتضمن CSS المُنشأ لون خلفية صلب احتياطي إلى جانب التدرج للعروض غير المدعومة وواجهة التحكم القابلة للوصول.

الأسئلة المتداولة

هل يتم تحميل تدرجي؟

لا. تبقى حالة التدرج والألوان وCSS المستوردة وCSS المُنشأة في متصفحك.

ما هي أنواع تدرجات CSS المدعومة؟

يُنشئ المولّد مخرجات linear-gradient() و radial-gradient() و conic-gradient() مع نقاط توقف ألوان سداسية متعددة.

ماذا يمكنني استيراده?

يقبل الاستيراد قواعد محدودة عمدًا باستخدام دالة تدرج واحدة مدعومة وألوان سداسية ونسب مئوية اختيارية وقيم زاوية أو موضع محدودة.

أدوات التطوير والتصميم ذات الصلة

أدوات المطورينتصفح الأدوات المساعدة للمتصفح محول الألوان CSSتحويل ألوان CSS مترجم SCSSتجميع مقتطفات Sass/SCSS عبر الإنترنت مصغر CSSضغط كود CSS محليًا في متصفحك. منتقي ألوان الصورةاختر ألوانًا من الصور محليًا.