Inspiration for Menu Hover Effects

JavaScript

オシャレで多彩なホバーエフェクト実装「Inspiration for Menu Hover Effects」

Inspiration for Menu Hover Effectsは、オシャレで多彩なホバーエフェクトを実装できます。CSSとJavaScriptを使用しています。いろんなホバーエフェクトが用意されているので、インスピレーションを得たいという人にもよさそうですね。

Inspiration for Menu Hover Effects

デモ

最初のデモでは、各メニュー項目にホバーすると左から右にかけてマーカーで線を引くようなアニメーションが実行されます。シンプルながら、とてもスタイリッシュでオシャレなホバーエフェクトですね。

ちなみに、画面右下からいろんなデモに切り替えることができます。全部で8種類のデモが用意されています。

どのデモもかなりオシャレに作り込まれているので、自サイトのナビゲーションメニューなどにかっこいいホバーエフェクトを取り入れたいという人は、要チェックです。

多彩なホバーエフェクトを体験するだけでも、かなりいいインスピレーションが湧いてくるのではないでしょうか?

というわけで、オシャレでかっこいいホバーエフェクトを実装できる「Inspiration for Menu Hover Effects」のご紹介でした。

Inspiration for Menu Hover Effects

関連記事

  1. blurify

    JavaScript

    画像にぼかし効果を実装できる軽量のJSライブラリ「blurify」

    blurifyは画像にぼかし効果を実装することができるJSライブラリで…

  2. no-image

    JavaScript

    立体的なナビゲーションメニューを実装できる「Sidebar Menu Concept」

    Sidebar Menu Conceptは立体的なナビゲーションメニュ…

  3. no-image

    JavaScript

    コンテナのサイズに合わせて要素を動的に拡大・縮小できる「Scalable」

    Scalableは、コンテナ領域内にある要素をコンテナのサイズに合わせ…

  4. nuContextMenu

    JavaScript

    モダンなコンテキストメニューを実装できる「nuContextMenu」

    nuContextMenuはモダンで軽量なコンテキストメニューを実装で…

  5. jquery.datepicker

    JavaScript

    未来的なデータピッカーを実装できる「jquery.datepicker」

    jquery.datepickerはWeb用の未来的なデータピッカーを…

  6. JavaScript

    レスポンシブでカスタマイズ性に優れたカルーセルを実装できるjQueryプラグイン「slick」

    slickというjQueryプラグインを使えば、レスポンシブでカスタマ…

最近の記事

  1. cheero Stream 10000mAh
  2. BOSE HOME SPEAKER 300
  3. RP-PC112
  4. SRS-XB402M
  5. Lite LR30

アーカイブ

PAGE TOP