Sidebar Menu Conceptは立体的なナビゲーションメニューを実装できます。フリップするようにメインコンテンツが傾き、サイドからナビゲーションメニューが表示される仕組みです。3Dのような立体感あるナビゲーションメニューを作りたい人には最適ですね。
Sidebar Menu Concept
以下、Sidebar Menu Conceptの実際のデモやコードになります。
デモでは左上に「MENU」ボタンが設置されていて、ここにマウスオーバーすると画面が少し傾きます。そのままクリックするとフリップするように画面右側の方が奥に引っ込んでいき、それと同時に左側からナビゲーションメニューが表示されます。
コンテンツ部分が奥に引っ込むことでナビゲーションに意識がグッと向きますね。奥行き感があり立体的でとても素敵なアニメーションです。元に戻す場合は、再度「MENU」ボタンをクリックすればOKです。
というわけで、コンテンツ部分が立体的に傾くと同時にサイドからナビゲーションメニューが表示される「Sidebar Menu Concept」の紹介でした。
