অস্বচ্ছতা

উপাদানগুলির অস্বচ্ছতা নিয়ন্ত্রণ করুন।

সম্পত্তি একটি উপাদানের opacityজন্য অস্বচ্ছতা স্তর সেট করে। অস্বচ্ছতা স্তরটি স্বচ্ছতার স্তরকে বর্ণনা করে, যেখানে 1মোটেও স্বচ্ছ নয়, .550% দৃশ্যমান এবং 0সম্পূর্ণ স্বচ্ছ।

ইউটিলিটি opacityব্যবহার করে একটি উপাদান সেট করুন ।.opacity-{value}

100%

75%

৫০%

২৫%

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

ইউটিলিটি API

অপাসিটি ইউটিলিটিগুলি আমাদের ইউটিলিটি API-এ ঘোষণা করা হয়েছে scss/_utilities.scss৷ ইউটিলিটি API কীভাবে ব্যবহার করবেন তা শিখুন।

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