ความทึบ

ควบคุมความทึบขององค์ประกอบ

คุณสมบัติกำหนด ระดับ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>

ยูทิลิตี้ API

ยูทิลิตี้ความทึบถูกประกาศในยูทิลิตี้ API ของเราในscss/_utilities.scss. เรียนรู้วิธีใช้ยูทิลิตี้ API

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