[CSS]アニメーションのエフェクトが抜群にかっこいい、レスポンシブ用ナビゲーションのデモ -Off Canvas Menu
Post on:2012年12月25日
スムーズなアニメーションでコンテンツをスライドさせ、ナビゲーションをズーム・スライドのアニメーションで表示させるレスポンシブ用ナビゲーションのデモを紹介します。
![デモのキャプチャ](/wp-content/uploads-2012-2d/2012122501.png)
デモは、デスクトップでもスマートフォンでもどちらでも楽しめます。
ブラウザで見る時は、幅740px以下にしてください。
![デモのキャプチャ](/wp-content/uploads-2012-2d/2012122502.png)
デモページ:メニューが閉じてる状態
上部左のボタンをタップorクリックすると、左からナビゲーションがアニメーションで表示されます。
このアニメーションがかっこいい!
![デモのキャプチャ](/wp-content/uploads-2012-2d/2012122501.png)
デモページ:メニューが開いてる状態
Off Canvas Menuは鋭意開発中のデモで、現状の問題点としてはいくつかのブラウザでちらつきが起きます。
スマフォで見ると、ちらつきました。
![デモのキャプチャ](/wp-content/uploads-2012-2d/2012122503.png)
デモページ:スマフォで表示
現在は更なる改善を行っているとのことで、非常に楽しみですね。
sponsors