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>
ยูทิลิตี้ API
ยูทิลิตี้ความทึบถูกประกาศในยูทิลิตี้ API ของเราในscss/_utilities.scss
. เรียนรู้วิธีใช้ยูทิลิตี้ API
"opacity": (
property: opacity,
values: (
0: 0,
25: .25,
50: .5,
75: .75,
100: 1,
)
),