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

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

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

button

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

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

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

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

Pocket

SPONSORED LINK

Leave a Reply

Your email address will not be published. Required fields are marked *