انتقل إلى محتوى الدرس

Background Gradients Opacity التدرج اللوني وشفافية الخلفية

أتقن منظومة الألوان والخلفيات الدلالية في بوتستراب 5.3 شاملة كلاسات ألوان النصوص ودرجات التركيز والخلفيات الناعمة والشفافية والتدرج والمساعد الذكي text-bg لضمان التباين.
2 صفوف تعليمية
بوتستراب 5
1 مشاهدة

شرح صفوف ومحتوى الفقرة

الصف 1 شرح توضيحي

لإضفاء عمق بصري ناعم على الخلفية الملونة، أضف كلاس .bg-gradient إلى جانب أي كلاس .bg-* فيرسم المتصفح طبقة تدرج خطي شبه شفافة تمتد من إضاءة خفيفة بنسبة 15% في الأعلى إلى لون الخلفية الأصلي في الأسفل.

ويمكنك التحكم في شفافية الخلفية نفسها دون التأثير على شفافية النص بداخلها عبر الكلاسات الأربع: .bg-opacity-75 و.bg-opacity-50 و.bg-opacity-25 و.bg-opacity-10.

الصف 2 معاينة حية