CSSだけでロールオーバー効果のあるボタンを作る、ちょー簡単な方法・・・

SPONSORED LINK

Pocket

この方法、便利ですね。デザイナーさんの間では有名なのかな。

マウスを当てるとちょっと色が変わるボタンってありますよね。それを簡単につくる方法です。

button

↑ こういうヤツ。無駄にGIFアニメ作ってみた!

この方法、CSSのa:hoverクラスとopacityを使うことで画像も不要になっています。opacity指定ができるブラウザのみの対応になりますが、覚えておいても損はないかと。

コードの詳細は元サイトへどうぞ。

» 超シンプル!hover画像作る必要ナシ、CSSだけで、画像をロールオーバー!|しらさかブログ

ツイッターもやっています!

SPONSORED LINK

  1. No comments yet.

  1. No trackbacks yet.