CSSで画像やテキストを簡単にロールオーバーさせる方法!

2014/03/06

こんにちは。
今回はCSSで画像やテキストを簡単にロールオーバーさせる方法のメモ書きです。

ロールオーバーすると透過させる事ができます。

 

下記のCSSを貼付けちゃって下さい。
※適用させたい要素に変更して下さい。

 

こんな感じになります。

hover

 

数値をいじると透明度が変化しますので、お好みで変更して下さい。

 

HTML5&CSS3デザインブック (ステップバイステップ形式でマスターできる)
HTML5&CSS3デザインブック (ステップバイステップ形式でマスターできる)

 

いかがでしたか。手っ取り早くロールオーバーさせたい時にオススメです。
以上でCSSで画像やテキストを簡単にロールオーバーさせる方法のメモ書きでした。

topへ戻る