Navigation」をご紹介します。メニューのコンテンツに合わせてコンテナのサイズがアニメーションで変化するのが特徴です。Navigationの実際のデモは以下から確認できます。デモデモでは画面上部にAbout、Pricing、Contactの3つのメニューが並んでいます。各メニューにマウスオーバーすると、オシャレなアニメーションとともにドロップダウンでリストが表示されます。隣接するメニューへマウスオーバーすると、そのメニューのコンテンツに合わせてコンテナサイズが変化するのを確認できるかと思います。滑らかに変化していくアニメーションがとても素敵ですね。ストレスなく快適なナビゲーション操作を実現しています。ドロップダウンで見たいときにマウスオーバーすることで子リストを表示させることにより、サイト内のデザインもスッキリしますね。ちなみにデモページはレスポンシブにも対応しています。いうわけで、コンテナがアニメーションで可変するオシャレで便利なドロップダウンナビゲーションを実装したい人は、ぜひチェックしてみてはいかがでしょうか。Navigationの詳しい使い方やダウンロードに関しては、以下のページからどうぞ。feedlyに登録するとbl6.jpの最新記事をいち早く受け取ることができます。