透過効果(アルファ値)を持つ背景カラーを表示する

以下のCSSセレクタのみで、透過状態の背景カラー(ブラックのみ)を表現できます。

• 90%の不透明度 : bg-black-op90
• 80%の不透明度 : bg-black-op80
• 70%の不透明度 : bg-black-op70
• 60%の不透明度 : bg-black-op60
• 50%の不透明度 : bg-black-op50
• 40%の不透明度 : bg-black-op40
• 30%の不透明度 : bg-black-op30
• 20%の不透明度 : bg-black-op20
• 10%の不透明度 : bg-black-op10

表示例

この不透明度部分のコード

<div class="bg-black-op90 ft30px white">この部分は90%の不透明度の背景になっています。</div>

---

この不透明度部分のコード

<div class="bg-black-op80 ft30px white">この部分は80%の不透明度の背景になっています。</div>

---

この不透明度部分のコード

<div class="bg-black-op70 ft30px white">この部分は70%の不透明度の背景になっています。</div>

---

この不透明度部分のコード

<div class="bg-black-op60 ft30px white">この部分は60%の不透明度の背景になっています。</div>

---

この不透明度部分のコード

<div class="bg-black-op50 ft30px white">この部分は50%の不透明度の背景になっています。</div>

---

この不透明度部分のコード

<div class="bg-black-op40 ft30px white">この部分は40%の不透明度の背景になっています。</div>

---

この不透明度部分のコード

<div class="bg-black-op30 ft30px white">この部分は30%の不透明度の背景になっています。</div>

---

この不透明度部分のコード

<div class="bg-black-op20 ft30px white">この部分は20%の不透明度の背景になっています。</div>

---

この不透明度部分のコード

<div class="bg-black-op10 ft30px white">この部分は10%の不透明度の背景になっています。</div>