opacity
プロパティは要素の不透明度を設定します。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>
CSS
SassユーティリティAPI
不透明度ユーティリティはscss/_utilities.scss
のユーティリティAPIで宣言されています。ユーティリティAPIの使い方はこちら
"opacity": (
property: opacity,
values: (
0: 0,
25: .25,
50: .5,
75: .75,
100: 1,
)
),