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

Fitty親コンテナにテキストをフィットさせられる「Fitty」前のページ

クライアントサイドで変換してくれる「jquery.xtr」次のページjquery.xtr

関連記事

  1. Complexify

    JavaScript

    パスワードの強さを視覚的にフィードバックしてくれる「Complexify」

    Complexifyはユーザーが入力したパスワードの強さを視覚的にフィ…

  2. jLetter

    JavaScript

    テキストを散らばせながら次々と表示させることができるjQueryプラグイン「jLetter」

    シンプルでちょっと目を引かせたいところなんかによさそうだったので使って…

  3. Sticky Multi Header Scroll
  4. JavaScript

    色んなメニューやコンテンツをモーダルウィンドウで実装できるjQueryプラグイン「Pop Easy」…

    お洒落で可愛らしいjQueryプラグインを見つけたのでご紹介します。ロ…

  5. jQuery.Flexdatalist

    JavaScript

    テキスト入力候補を表示させれる「jQuery.Flexdatalist」

    jQuery.Flexdatalistはテキスト入力候補を表示させるこ…

  6. Yet Another Ripple Plugin

最近の記事

  1. すしざんまい
  2. 蒼龍唐玉堂 特製牛バラ担々麺
  3. サーモンアボカドサラダラップとドリップ
  4. 猿田彦フレンチ
  5. Zarigani Curry 挽肉のカレー ゴーダチーズとピクルスを添えて

アーカイブ

PAGE TOP