التدرج لون الخط هو وسيلة أنيقة لإعطاء النص نظرة مثيرة للاهتمام وجذابة. يسمح لك بإنشاء انتقال سلس من لون إلى آخر ، بحيث يبدو النص مذهلا وفريدا. إذا كنت تريد معرفة كيفية إنشاء لون خط متدرج ، فهذا الدليل هنا من أجلك. في هذه المقالة ، سوف نلقي نظرة مفصلة على كيفية القيام بذلك ونقدم لك بعض الأمثلة.
لإنشاء لون الخط التدرج ، تحتاج فقط بضعة أسطر من التعليمات البرمجية المغلق التي يمكنك لصق بسهولة في صفحة الويب الخاصة بك. يمكنك أيضا ضبط إعدادات التدرج لإنشاء بعض التأثيرات المثيرة للاهتمام. يمكن استخدام لون الخط المتدرج على العناوين والعناوين الفرعية والأزرار وعناصر الصفحة الأخرى لمنحها مظهرا أنيقا وجذب انتباه الزوار.
من المهم ملاحظة أنه لا تدعم جميع المتصفحات وأنظمة التشغيل لون الخط المتدرج ، لذلك قبل تطبيق هذا النمط ، يوصى بالتحقق من توافقه على الأنظمة الأساسية المختلفة. ومع ذلك ، فإن معظم المتصفحات الحديثة وأنظمة التشغيل الشائعة لديها بالفعل دعم لألوان الخطوط المتدرجة ، لذلك هناك الكثير من الفرص التي سيبدو النص الخاص بك جميلا وحديثا.
- اختيار الألوان المناسبة للتدرج
- باستخدام خاصية كس من الخلفية كليب
- تطبيق تدرج على النص باستخدام خاصية مقطع الخلفية
اختيار الألوان المناسبة للتدرج
عند إنشاء لون خط متدرج ، من المهم اختيار الألوان المناسبة للحصول على نتيجة مذهلة وقابلة للقراءة. فيما يلي عدة طرق لاختيار الألوان المناسبة:
ستساعد ألوان التدرج المختارة جيدا في جعل الخط أكثر جاذبية واحترافية. استخدم هذه النصائح والتقنيات لإنشاء تأثير تدرج مثير للإعجاب للنص الخاص بك.
باستخدام خاصية كس من الخلفية كليب
تسمح لك خاصية مقطع الخلفية لعنصر هتمل بتحديد منطقة الخلفية التي يجب أن تكون مرئية داخل العنصر.
عند استخدام القيم الخلفية كليب: مربع الحدود أو مربع الحشو ، سيتم عرض الخلفية داخل الحدود أو داخل الحدود ومنطقة المسافة البادئة ، على التوالي. عند استخدام قيمة مقطع الخلفية: ستكون خلفية مربع المحتوى مرئية فقط داخل محتوى العنصر.
يبدو مثال على استخدام خاصية مقطع الخلفية كما يلي:
.مثال {
صورة الخلفية: التدرج الخطي (إلى اليمين ، # ففك 00 ، # فف 99 سي سي);
الخلفية كليب: الحشو مربع;
تطبيق تدرج على النص باستخدام خاصية مقطع الخلفية
الممتلكات
خلفية كليب
في هذا المثال ، يتم إنشاء فئة
.التدرج-النص
. ثم ، باستخدام الخاصية