ボックスにマウスが重なった時に半透明にする

ボックスにマウスが重なった時に a 要素全体を半透明にすると、

ボックスが光ったような効果を与えることができる。

半透明は「 opacity 」プロパティで指定できる。

◉ 書き方

    opacity : 値 ;

       ※値について

　　　値の部分には0.0～1.0までの数値で不透明度を指定。

　　  数値が大きいほど不透明度が高くなりよりはっきりと表示される。

　　  数値が小さいほど不透明度は下がり、薄く表示される。

　　また、値にinheritを入力すると親要素の値が継承される。

　　0.0～1.0の範囲外で設定した場合でもこの範囲内に収めて適用。(例：-1→0／2→1)
　　不透明度を0にすると、完全に透明な状態となり、画面に表示されない。
　　不透明度を1にすると、完全に不透明な状態となる。(初期値）

　　０.７位の値がよく見かける程度。