使えるCSSメニューいろいろ
2008年01月07日-
スポンサード リンク
使えるCSSメニューいろいろ
1. Advanced CSS Navigation Menu Example
まず、ホバー時以外は文字をぼやかせるCSSメニュー。
次のようにマウスホバー時は文字がクッキリするメニューのサンプルです。
JavaScript レスで実装できるので JavaScript なしがいいという方にはオススメ。
ただし、動かないブラウザもあるようなので注意が必要ですね。
2. Suckerfish Dropdowns - Perciformes!
次にCSSとJSで階層メニュー。やはりこのUIは直感的に操作できますね。
類似:CSSのみでクールな階層メニュー作成サンプル、CSSベースの階層メニュー作成ライブラリ
他にも色々と掲載されています
メニュー関連エントリ
スポンサード リンク
Advertisements
SITE PROFILE
最新のブログ記事(新着順)
- Matter.jsとPaper.js を使った物理オブジェクトでコンテンツをマスクするデモ
- Three.jsでパーティクルが雨のように降り注ぐ実装デモ
- ホバーで文字がバラバラと集まるエフェクト実装
- ClipPathを使ったオシャレな画面切り替えスライドショー実装
- テキストをSVGを使って円形アニメーションさせるデモ
- Three.jsをつかった3Dなローディングアニメーション実装
- ホバー時にCSSで下線などをアニメーション表示するサンプル
- iPhone, iPad, Mac, Android などのフリーのベクターモックアップ
- macOS用の使いやすいカラーピッカー「pika」
- CSSでボタンにサイバーパンク効果を与えるサンプル
- 過去のエントリ