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

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

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

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

デモ / DEMO

RABBIT PUNCH

コメント

Web制作
タイトルとURLをコピーしました