Animated menu concept

JavaScript

かっこいいアニメーション付きメニュー実装「Animated menu concept」

Animated menu conceptはかっこいいアニメーション付きのメニューを実装できます。CSSとJSが使われています。メニューにホバーすることでお洒落なアニメーションが実行されます。

Animated menu concept

Animated menu concept

デモでは、AGENCY、DISCOVER、TEAM、CONTACTといったメニューが並べられていて、各メニューにマウスオーバーすると、ぼやけるようなアニメーションとともに別のテキストに変化します。

例えば、AGENCYにマウスオーバーすると、文字がぼやけた後にHOMEというテキストに変化します。逆にその状態からマウスカーソルを離すと、再び文字がぼやけて元のAGENCYに戻るという仕組みです。

移ろいゆく幻想的な変化を楽しめるアニメーションでユーザーにメニューを操作させたい人には最適な機能になりそうですね。

というわけで、お洒落でかっこいいアニメーション付きのメニューを実装できる「Animated menu concept」の紹介でした。

関連記事

  1. TOAST UI Chart

    JavaScript

    多彩なチャートを描画できる「TOAST UI Chart」

    TOAST UI Chartは多彩なチャートをWebページに描画できる…

  2. jQueryTween

    JavaScript

    軽量で軽快なアニメーションをするjQueryプラグイン「jQueryTween」

    jQueryTweenは軽量で軽快なアニメーションを実装することができ…

  3. no-image

    JavaScript

    レスポンシブ対応のシンプルなLightboxプラグイン

    レスポンシブに対応したシンプルなLightboxプラグインを紹介します…

  4. Sticker.js

    JavaScript

    ペラッとめくるようなエフェクトが素敵なJSライブラリ「Sticker.js」

    画像や要素をペラッとめくるようなエフェクトを実装できるJSライブラリ「…

  5. Tiny Colorpicker
  6. jQuery Reel Plugin

    JavaScript

    上下左右の色んな角度から画像を回転させて見せることができる「jQuery Reel Plugin」

    これは面白いですね。画像を上下左右と色んな角度から回転させながら見るこ…

最近の記事

  1. ルック セレクション
  2. シルキーウインドモバイル
  3. アリエール パワージェルボール3D
  4. NuAns × Shibaful TAGPLATE

アーカイブ

PAGE TOP