ピュアCSSなドロップダウンメニュー実装例
2010年06月23日-
スポンサード リンク
Creating a pure CSS dropdown menu ? Development team blog?Venturelab?Invest | Inpsire | Ignite
次のような、カーソルを合わせるとメニューが開くような、ドロップダウンメニューをピュアCSSで実装する例が公開されています。
CSS3によって影付き、角丸のデザインになっています。
なんでも無理にピュアCSSにする必要はありませんが、CSSの知識を深めるという点ではよい資料になりますね。
関連エントリ
次のような、カーソルを合わせるとメニューが開くような、ドロップダウンメニューをピュアCSSで実装する例が公開されています。
CSS3によって影付き、角丸のデザインになっています。
なんでも無理にピュアCSSにする必要はありませんが、CSSの知識を深めるという点ではよい資料になりますね。
関連エントリ
スポンサード リンク
By.KJ : 2010年06月23日 10:05 
間違いの指摘をしていただける方はメール、あるいはTwitter/FBでお願いします(クリック)Advertisements
SITE PROFILE
最新のブログ記事(新着順)
- ASCII図画をSVG図形に変換できる「Svgbob editor」
- インタラクティブな図画を色々と描画できる「CindyJS」
- 永遠に縦スクロールするメニュー実装サンプル
- 手書きが逆にわかりやすい注記表示ライブラリ「RoughNotation」
- スライダー付きのビフォア・アフター画像表示UI「Image Compare Viewer」
- CSSレイアウトやUIパーツのパターン集「CSS Layout」
- 画面トップの画像にグラデーションを重ねるジェネレーター「hero-generator」
- CSSオンリーのおしゃれなマーキーエフェクト
- 画像をレイヤーに分けてかっこよくアニメーションするサンプル
- ブラウザ上の操作で要素のあらゆる変形を可能とする「Moveable」
- 過去のエントリ
