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

Browse By

[CSS] How to create VISTA style toolbar with CSSWindows VistaっぽいボタンをCSSでデザイン

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

Windows Vistaのボタンインターフェースを、CSSでデザインしてみたという記事。記事中にある“ live demo”というリンクから、実際に動いてるページに行けます。オンマウス時のアクションが背景スワップだけでなく、複数色のボーダー+丸角なので、どうやってa:hover指定してるんだろうと思って見てみると、Sliding doors techniqueというTipsで解決してるみたい。なるほどね、こりゃ勉強になります。アイコンとテキスト情報は維持して、このTipsで背景画像2点をスワップさせてるのか。覚えておこ。

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

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