أهلا بكم في سلسلة "أدوات CSS المجانية".
في هذه السلسلة، سنجد أدوات CSS مجانية تمامًا وسهلة الاستخدام.
وسوف أشارككم رابط تلك الأداة بعد بعض التوضيحات حول استخدامها.

رابط الأدوات: هذه الأداة متاحة على webdevtales.com

الأداة 1: مولد التدرج CSS

تبدو الأدوات:

مقدمة
مرحبًا بك في CSS Gradient Generator، وهي أداة قوية تساعدك على إنشاء تدرجات مذهلة لموقعك على الويب. سيرشدك دليل المستخدم هذا إلى ميزات ووظائف المولد، مما يسهل عليك البدء وإنشاء تدرجات مذهلة.

ابدء

• افتح CSS Gradient Generator في متصفح الويب الخاص بك.
• سيظهر لك مربع متدرج يحتوي على اثنين من منتقيات الألوان، المسمى "اللون 1" و"اللون 2".
• يعرض مربع التدرج تدرجًا افتراضيًا، والذي يمكنك تخصيصه باستخدام منتقي الألوان.

تخصيص التدرج

• تحديد الألوان: استخدم منتقي الألوان لتحديد الألوان للتدرج الخاص بك. يمكنك الاختيار من بين مجموعة واسعة من الألوان باستخدام عجلة الألوان أو إدخال رمز سداسي عشري يدويًا.
• التدرج العشوائي: انقر على زر "إنشاء عشوائي" لإنشاء تدرج عشوائي مذهل.
• اتجاه التدرج: يتم ضبط اتجاه التدرج على "اليمين" افتراضيًا. يمكنك تغيير ذلك عن طريق تعديل رمز التدرج في النافذة المنبثقة (انظر أدناه).

الحصول على رمز التدرج

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

استخدام رمز التدرج

• ملف CSS: الصق رمز التدرج في ملف CSS الخاص بك لتطبيق التدرج على عنصر.
• عنصر HTML: قم بتطبيق التدرج على عنصر HTML عن طريق إضافة سمة النمط مع رمز التدرج.

نصائح وأشكال مختلفة

• تجربة الألوان: جرب مجموعات ألوان مختلفة لإنشاء تدرجات فريدة.
• تغيير اتجاه التدرج: قم بتعديل اتجاه التدرج في الكود المنبثق لتغيير اتجاه التدرج.
• إضافة المزيد من الألوان: أضف المزيد من الألوان إلى التدرج عن طريق تعديل الكود المنبثق.

استكشاف الأخطاء وإصلاحها

• التدرج غير قابل للتحديث: تأكد من النقر على زر "تطبيق" بعد تغيير الألوان.
• لا يتم عرض التدرج: تأكد من تطبيق رمز التدرج بشكل صحيح على عنصر HTML.

رابط الأدوات: هذه الأداة متاحة على webdevtales.com