Webやアプリのデザイントレンドを紹介。たまに雑談。

Browse By

[CSS] How to make sexy buttons with CSS – セクシーなCSSボタン

  • Pocket
  • このエントリーをはてなブックマークに追加

最近たまに見かける、クリック時に画像がスワップするボタン。の新しいナビゲーションメニューも似たような感じですね。CSSで「a:active」を指定するんだけど、クリック時に文字を1pxボトム側に動かしてるのがポイント。なかなかオシャレなボタンで、ブラウザ純正の素っ気ないボタンよりはずっとイイ感じ。「a:hover」時の動きと組み合わせる事もできるし、角丸じゃなければhoverでボーダーというのもアリかな。

コメントを残す

メールアドレスが公開されることはありません。

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください