Waimao6

إنشاء تدرج CSS

إنشاء تدرج CSS. طبّق إنشاء تدرج CSS على مدخلاتك. اضبط اللون الأساسي, اللون الثاني, زاوية التدرج (°) وافحص النتيجة قبل نسخها.

معالجة محلية · تبقى الملفات على جهازك

المظهر والمخرجات

يعمل داخل هذا المتصفح
بيانات تجريبية · قابلة للتعديل

النتيجة

اضبط المدخلات وشغّل الأداة لعرض النتيجة.

كيفية استخدام إنشاء تدرج CSS

  1. راجع المثال المعبأ ووحدات الإدخال، ثم استبدله ببياناتك.
  2. طبّق إنشاء تدرج CSS على مدخلاتك. اضبط اللون الأساسي, اللون الثاني, زاوية التدرج (°) وافحص النتيجة قبل نسخها.
  3. شغّل الأداة وافحص النتيجة، ثم انسخ أو نزّل ما تحتاج إليه.

الطريقة والنطاق

طبّق إنشاء تدرج CSS على مدخلاتك. اضبط اللون الأساسي, اللون الثاني, زاوية التدرج (°) وافحص النتيجة قبل نسخها.

عدّل المثال أو الصق المحتوى الخاص بك.

مثال للمدخلات

اللون الأساسي: #0d6e9b
اللون الثاني: #ffffff
زاوية التدرج (°): 45

أسئلة والتحقق من النتائج

كيف تحدد أداة إنشاء تدرج CSS النتيجة؟

طبّق إنشاء تدرج CSS على مدخلاتك. اضبط اللون الأساسي, اللون الثاني, زاوية التدرج (°) وافحص النتيجة قبل نسخها.

ما الذي يجب التحقق منه قبل المعالجة؟

عدّل المثال أو الصق المحتوى الخاص بك.

كيف أتحقق من المخرجات؟

استخدم المثال المرفق للتحقق، ثم قارن النتائج المهمة بالمصدر أو المستند التجاري الأصلي.

اللون الأساسي: #0d6e9b
اللون الثاني: #ffffff
زاوية التدرج (°): 45

أدوات ذات صلة

التصميم والألوان

إنشاء ظل الصندوق

طبّق إنشاء ظل الصندوق على مدخلاتك. اضبط اللون الأساسي, الإزاحة الأفقية (px), الإزاحة الرأسية (px) وافحص النتيجة قبل نسخها.

التصميم والألوان

النص · الظل

طبّق النص · الظل على مدخلاتك. اضبط اللون الأساسي, الإزاحة الأفقية (px), الإزاحة الرأسية (px) وافحص النتيجة قبل نسخها.

التصميم والألوان

إنشاء زوايا مستديرة

طبّق إنشاء زوايا مستديرة على مدخلاتك. اضبط نصف قطر الزاوية العلوية اليسرى (px), نصف قطر الزاوية العلوية اليمنى (px), نصف قطر الزاوية السفلية اليمنى (px) وافحص النتيجة قبل نسخها.

التصميم والألوان

CSS · تصفية

طبّق CSS · تصفية على مدخلاتك. اضبط السطوع (%), تغيير التباين عن 100% (%), التدرج الرمادي (%) وافحص النتيجة قبل نسخها.

التصميم والألوان

معاينة favicon

طبّق معاينة favicon على مدخلاتك. اضبط اللون الأساسي, اللون الثاني, نص الأيقونة وافحص النتيجة قبل نسخها.

التصميم والألوان

الألوان · تحويل

طبّق الألوان · تحويل على مدخلاتك. اضبط اللون الأساسي وافحص النتيجة قبل نسخها.