画像を使わずCSSだけでいい感じのグラデーションボタンを作る(マウスON/OFFあり)

画像を使わずCSSだけでいい感じのグラデーションボタンを作る(マウスON/OFFあり)

デザイン的には画像を使いたいところですが、レスポンシブでのスマホ対応やSEOのアンカーテキストを考慮すると、出来る限りCSSで実装したいですよね。

CSS3の背景グラデーションプロパティで立体感のあるボタンにして、マウスオンのhoverでグラデーションを反転。ちょっと時代遅れの感じがするボタンですが、ついつい押したくなりませんか?

デモ / DEMO

いいね!のお慈悲を…

この記事が良かったらシェアをお願いしゃっす!

記事の感想はこちら