کدورت

کدورت عناصر را کنترل کنید.

ویژگی opacityسطح کدورت یک عنصر را تعیین می کند. سطح کدورت سطح شفافیت را توصیف می کند، جایی 1که اصلاً شفاف نیست، .550٪ قابل مشاهده 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>

Utilities API

ابزارهای Opacity در API ابزارهای ما در اعلان شده اند scss/_utilities.scss. با نحوه استفاده از Utilities API آشنا شوید.

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