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. scrollama.js

    JavaScript

    スクロールイベントを実装できるモダンで軽量なJSライブラリ「scrollama.js」

    scrollama.jsは、スクロールイベントを実装することができるモ…

  2. Scrolltab

    JavaScript

    スクロール移動させるタブを追加できるjQueryプラグイン「Scrolltab」

    ScrolltabというjQueryプラグインを使えばスクロール移動さ…

  3. markerPen

    JavaScript

    Webページにマーカー機能を実装できるjQueryプラグイン「markerPen」

    markerPenはWebページにマーカーで描ける機能を実装することが…

  4. Animated Image Pieces

    JavaScript

    画像が細かいピースになるアニメーション実装「Animated Image Pieces」

    Animated Image Piecesは、画像が細かいピースに分解…

  5. no-image

    JavaScript

    シンプルでパワフルなセレクトボックスを実装できる「SelectPage」

    SelectPageはシンプルながらも高いカスタマイズ性を備えたパワフ…

  6. SVG 3D Tag Cloud jQuery Plugin

最近の記事

  1. TR153
  2. cheero Flat 10000mAh with Power Delivery 18W CHE-112
  3. SV-S251
  4. スラウェシ トラジャ

アーカイブ

PAGE TOP