CSS الجيناتور

إنشاء خطي، راديال، وكوني CSS gradients في متصفحك.

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

X موقع (%) موقع Y (%)

لون توقف

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

مستعد

لا توجد ألوان أو CSS التي تم إنشاؤها يتم إرسالها إلى Convertr.

ويقبل الاستيراد الجريديين خطي()، الجريدين راديال()، أو الجرياديين كونيك() مع ألوان ودرجات هكس.

يتضمن CSS الذي تم إنشاؤه سحبًا قويًا من خلفية ملونة جنبا إلى جنب مع الجرادينت للمصدرين غير المدعومين وكروم التحكم المتاح.

هل تم تحميل الدوري؟

لا الحالة المتقدمة والألوان و CSS المستوردة و CSS المولدة في متصفحك.

ما هي أنواع CSS Gradient التي يتم دعمها؟

يخلق المولد الناتج خطي-غرادين()، راديال-غراديين()، وكوني-غرودين()) مع العديد من التوقفات الستة الألوان.

ما الذي يمكنني استيراده؟

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

بناء خطية أو جذرية CSS و توقعات الألوان، زاوية، موقف، وتكرار.

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

توفير نوع الجرادين، وقف الألوان، والمواقف، والزاوية، وتكرار الإعدادات في أدوات التحكم.
اختر الإعدادات التي تؤثر على عرض مسبق حي وقراءة CSS الخلفية، ثم تشغيل الأداة.
مراجعة عرض مسبق على الانترنت وإعلان خلفية CSS قابلة للنسخ قبل نسخها أو تنزيلها.

يمنع توقف الألوان المفقود أو اللون غير المناسب أو موقف غير متوافق إعلان CSS صالح من إنشاء.

إنشاء درجة خطية 90 درجة من #111827 عند 0٪ إلى #f59e0b عند 100٪ ونسخ البيان.