الشفافية (Opacity)

تحدد خاصية opacity مستوى الشفافية للعنصر. يصف مستوى الشفافية درجة الشفافية، حيث تكون القيمة 1 غير شفافة على الإطلاق، والقيمة .5 مرئية بنسبة 50%، والقيمة 0 شفافة تماماً.

قم بتعيين الـ opacity للعنصر باستخدام أدوات .opacity-{value}.

<div class="opacity-100">...</div>
<div class="opacity-75">...</div>
<div class="opacity-50">...</div>
<div class="opacity-25">...</div>
<div class="opacity-0">...</div>

الـ (CSS)

واجهة برمجة تطبيقات أدوات Sass (Sass utilities API)

يتم التصريح عن أدوات الشفافية (Opacity utilities) في الـ utilities API الخاصة بنا في scss/_utilities.scss. تعلم كيفية استخدام الـ utilities API.

"opacity": (
  property: opacity,
  values: (
    0: 0,
    25: .25,
    50: .5,
    75: .75,
    100: 1,
  )
),