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. jQuery LoadingOverlay

    JavaScript

    多彩なローディング画面を実装できる「jQuery LoadingOverlay」

    jQuery LoadingOverlayは、カスタマイズ性に優れた多…

  2. simpleDialog

    JavaScript

    レスポンシブ対応のシンプルなポップアップ・ダイアログを実装できる「simpleDialog」

    simpleDialogはレスポンシブに対応したポップアップ・ダイアロ…

  3. Linear Slider

    JavaScript

    シンプルな機能で使いやすいjQueryによる水平スライダー「Linear Slider」

    Linear Sliderはシンプルな機能性による水平スライダーを実装…

  4. Line Maker

    JavaScript

    アニメーションするラインを実装できる「Line Maker」

    Line Makerは、いろんなアニメーションをするラインを実装するこ…

  5. stroll.js

    JavaScript

    CSS3を使った豊富なスクロールエフェクト「stroll.js」

    stroll.jsはCSS3を使った豊富なCSSリストスクロールエフェ…

  6. jQuery Lighter

    JavaScript

    優雅なフェードで拡大縮小されるLightbox系ギャラリー・jQuery Lighter

    jQuery Lighterは美しいフェードで画像を拡大縮小させること…

最近の記事

  1. Anker PowerPort Atom PD 4
  2. USB-2H401BKN
  3. Dyson Pure Cool Me
  4. ルック セレクション

アーカイブ

PAGE TOP