تخطي إلى المحتوى الرئيسي انتقل إلى ملاحة المستندات
Check
in English

العتامة

التحكم في عتامة العناصر.

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

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

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

واجهة برمجة تطبيقات المرافق

يتم الإعلان عن أدوات التعتيم في واجهة برمجة تطبيقات المرافق الخاصة بنا بتنسيق scss/_utilities.scss. تعرف على كيفية استخدام واجهة برمجة تطبيقات المرافق.

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