CSS opacityでテキストを半透明にする

2023年3月23日

環境
Google Chrome　111.0.5563.65（Official Build）
Windows 10 Home 64bit

書式
opacity:数値
opacity は CSS のプロパティで、要素の不透明度を設定します。
不透明度は要素の裏にあるコンテンツが隠れる度合いであり、透明度の逆です。
「opacityプロパティ」は「0（完全に透過）」から「1（透過なし）」の値を設定します。

使用例

<!DOCTYPE html>
<html>
<head>
<style>
p {
opacity:0.5
}


</style>
</head>
<body>
  <p>東京tokyo</p>
</body>
</html>

結果
テキスト「東京tokyo」を半透明にします。

Posted by arkgame