CSSだけで作るamazon風な縦型メガメニュー

テクノロジーカテゴリーの変更を依頼記事元:

weboook.blog22.fc2.com

77 usersがブックマークコメント

コメント

3

記事へのコメント3件

注目コメント
新着コメント

akinau CSS

2013/09/05 リンク

akinau CSS

2013/09/05 リンク

ymn ここまでできるとは。勉強になります

2013/09/03 リンク

ponajiro CSSだけで作るamazon風な縦型メガメニュー CSSだけですのでメニューの現れ方など若干違います。box-shadowとborder-radiusはIE8以下で、矢印を作るための擬似要素はIE7以下で非対応ですが、メニューとしての機能は果たせます。 Tags:

2013/09/02 リンク

注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています

規約違反を報告

アプリのスクリーンショット

いまの話題をアプリでチェック！

バナー広告なし
ミュート機能あり
ダークモード搭載

アプリをダウンロード

関連記事

CSSだけで作るamazon風な縦型メガメニュー

先日、「CSSだけで作る動きのあるドロップダウンメニュー」という記事のコメント内で、amazonのようなメ... 先日、「CSSだけで作る動きのあるドロップダウンメニュー」という記事のコメント内で、amazonのようなメガメニューをCSSだけで作れないのかというコメントいただきましたので作ってみました。 CSSだけですのでメニューの現れ方など若干違います。box-shadowとborder-radiusはIE8以下で、矢印を作るための擬似要素はIE7以下で非対応ですが、メニューとしての機能は果たせます。では解説していきます。 HTML まずはHTMLから説明します。長いのでメニュー1つ分のみ載せます。コード全体はサンプルの下に載せていますのでご覧ください。 <div id="menu-tittle">メニュー</div> <ul id="sample"> <li> <a href="#">メインカテゴリー1</a> <ul> <h3>メインカテゴリー1</h3> <li><a href="#">サブ

ブックマークしたユーザー

y_yamanashi2015/02/02
mayumi11042014/08/04
kohaku20002014/05/15
pearllight2014/03/28
soul_soul_Q2014/03/14
lingling_yas2014/03/12
teppochan2013/11/25
red_snow2013/09/27
lEDfm4UE2013/09/25
kuroaka18712013/09/10
visca__Barca2013/09/10
celestial_spira2013/09/09
scawa2013/09/05
akinau2013/09/05
yukisnhikos2013/09/04
naohor2013/09/03
I_am_Prowrestler2013/09/03
nimius2013/09/03

同じサイトの新着

同じサイトの新着をもっと読む

いま人気の記事

いま人気の記事をもっと読む

いま人気の記事 - テクノロジー

いま人気の記事 - テクノロジーをもっと読む

新着記事 - テクノロジー

新着記事 - テクノロジーをもっと読む

設定を変更しましたx