• このエントリーをはてなブックマークに追加

2014年06月03日(Tue)

CSSでマウスオーバー時に画像を透過して変化をつける

CSSでマウスオーバー時に画像を透過して変化をつける

マウスのカーソルを当てた時の画像を作るのって結構面倒で、複数ある場合だと特にそう思います。
なので、そういう時はCSSで透過して変化をつけて対応してます。

CSS

a:hover{ opacity: 0.7; }
/*
opacity(オパシティ): 要素の透明度を指定
opacityプロパティは、要素の透明度を指定
0.0(完全に透明)~1.0(完全に不透明)の範囲で指定
 */

コメント(0件)

CSSでマウスオーバー時に画像を透過して変化をつけるに対するご意見、ご感想、情報提供など皆様からのコメントをお待ちしております。 お気軽にコメントしてください。

コメントフォーム

【ソーシャルボタン】


TOP