ភាពស្រអាប់

គ្រប់គ្រងភាពស្រអាប់នៃធាតុ។

លក្ខណសម្បត្តិ 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>

Utilities API

ឧបករណ៍ប្រើប្រាស់ភាពស្រអាប់ត្រូវបានប្រកាសនៅក្នុង API ឧបករណ៍ប្រើប្រាស់របស់យើងនៅក្នុង scss/_utilities.scss. ស្វែងយល់ពីរបៀបប្រើប្រាស់ Utilities API។

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