[JS]シャボン玉のようにふんわりと膨らんだり縮んだりするナビゲーション

Post on:2010年5月6日

sponsors

マウスのホバーで、ふんわりと膨らんだり縮んだりするアニメーションがかわいらしいナビゲーションを実装するチュートリアルをCodropsから紹介します。

デモでは円状に配置された各カテゴリにマウスをホバーすると、それぞれの配下コンテンツが配置される仕組みになっています。

アニメーションには緩急がつけられており、とても気持ちいいです。

実装方法は、HTML, CSS, JavaScriptのパートごとに丁寧に解説されており、画像を含む全ファイルがダウンロードできます。