Menu with Notification Badges CSS Snippet | WebInterfaceLab

クールな通知件数表示のCSSデザインサンプル。
タブの上にずらして件数表示を分かりやすくクールにデザインしたCSSデザインサンプルです。
色が色々あっていいですね。



マークアップもこんな感じで簡単です。



画像ではなくCSS3デザインなのでradius変えたい場合もちょっと触ればOKです

関連エントリ

• ブロック要素にいとも簡単にiOS風の通知件数を表示できる「Badger」
• 通知件数表示付きのメニュー実装jQueryプラグイン「Notification Menu」
• 簡単なコードでアイコン付きの分かりやすい通知を実装できる「Notifier.js」
• 分かりやすい通知ボックスを作れる「Humane JS」