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

Browse By

[CSS3] CSS3 Dropdown Menu – CSS 3で作るドロップダウンメニュー

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

CSS3で作るドロップダウンメニュー。デモページはこちら。Javascriptは使われていないようです。必要な画像ファイルもグラデーション用のpng1枚だけ。それを縦方向に移動させる形で、グラデーションの濃淡を表現してるみたい。ボタンの角丸表現やテキストシャドウなど、CSS3の機能が多く使われているのに、CSS3をサポートしていないブラウザでもそれなりの再現度があるようで、汎用的に使えそうなコードですね。

One thought on “[CSS3] CSS3 Dropdown Menu – CSS 3で作るドロップダウンメニュー”

コメントを残す

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

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