[CSS] opacityで色の透明度を指定しよう!

1.opacityとは?

opacityプロパティは要素の色の透明度を指定します。

値の指定方法は以下の通りです。

{ opacity: 値; }

値の指定方法

2.opacityの使い方

それではopacityの使い方をみていきましょう。

a:hover { 
 opacity: 0.5;
}

上記のようにリンクにマウスポインターを合わせると半透明になります。

0で完全な透明、1で完全な不透明となります。

他にも値を設定できるのでいろいろと試してみることをお勧めします!