opacity

アニメーション・エフェクト

要素の透明度を指定するプロパティです。0(完全透明)から1(完全不透明)の間で指定します。

構文

Syntax
opacity: <number>

コード例

1

opacity: 0.5;
実行結果
50%の透明度

50%の透明度

2

opacity: 0;
実行結果
完全に透明(領域は確保)

完全に透明(但し領域は確保される)

💡 TIPS

display: noneと違い、要素の領域は確保される。アニメーションにも対応。

関連プロパティ

ブラウザサポート

IE9+, 全モダンブラウザ