Facebook menu
またもや完全にお遊びで作ってみたのですが、スマホ向けのFacebookのメニュー画面を何とかCSSのみで作成してみました。Facebook menu
今回は動きのみを試験的に作ったものなので、このページの公開予定はありません。そしてガラケーのレイアウトはいれてないです。残念なことにIE6・7では悲惨なことになってます…orz
なので、みなさんIE8以上で見ましょうね！w誰か崩れずに組める方、ご教授お願いします…
見れない方に簡単に解説しますと、初めは左にあるナビゲーションを隠しておき、ヘッダーの左上のボタンをクリックしたら左からアニメーションして出てくるといったものです。。
ポイントは、CSSで「あるリンクをクリックしたときにCSSを変更する」というところです。CSS3では「:target」というセレクタがあり、それを使ってナビゲーションが展開されたレイアウトを作成しております。
遊んでばかりいないで、早く既存テンプレの修正を終わらせなければ…PC&携帯で崩れないセット10の修正と検証作業がそろそろ終わるので、もう少しお待ちください！長らくお待たせして申し訳ないです。。