Playful Little Tooltip Ideas

JavaScript

オシャレで多彩なアニメーションが魅力のツールチップ「Playful Little Tooltip Ideas」

Playful Little Tooltip Ideasは、オシャレで多彩なアニメーションが魅力のツールチップを実装することができます。SVGとanime.jsが使われているとのこと。バラエティに富んだアニメーションは、どれもすごく素敵ですね。

Playful Little Tooltip Ideas

デモ

  • Cora
  • Smaug
  • Uldor
  • Dori
  • Gram
  • Indis
  • Walda
  • Narvi
  • Amras
  • Hador
  • Malva
  • Sadoc

各アイテムにマウスオーバーすると、実際のツールチップが表示されます。クルッと回りながら出てくるものから漫画の吹き出しのようなものまで、多彩なツールチップが用意されています。

普通にツールチップを表示させるだけではもの足りないという人にはピッタリの機能ですね。

というわけで、オシャレなアニメーションによるツールチップを実装したい人は、ぜひ「Playful Little Tooltip Ideas」をチェックしてみてはいかがでしょうか?

Playful Little Tooltip Ideas

関連記事

  1. InlineTweet.js

    JavaScript

    Webページのテキストにツイートリンクを作成できる「InlineTweet.js」

    InlineTweet.jsはWebページのテキストにツイートリンクを…

  2. Shave

    JavaScript

    設定した高さに基づいて複数行のテキストを切り取る「Shave」

    Shaveは設定した最大の高さに基づいてHTML要素内に収まるように複…

  3. jQuery.sdFilterMe

    JavaScript

    コンテンツを並べ替えれるフィルタリング機能の実装「jQuery.sdFilterMe」

    jQuery.sdFilterMeは、ポートフォリオ、記事、ギャラリー…

  4. jQueryでウィンドウサイズによって処理を変える

    JavaScript

    jQueryのeachメソッドのお勉強

    今回はjQueryのeachメソッドを使ってみました。なんかとても便利…

  5. Zebra_Tooltips

    JavaScript

    シンプルでスマートなツールチップを実装できる「Zebra_Tooltips」

    Zebra_Tooltipsは軽量でシンプルなツールチップを実装できる…

  6. flexible-bootstrap-carousel

最近の記事

  1. オリジナルチキン6ピース
  2. 200-DGCAM019
  3. ハクバ GW-PRO RED フォトグローブプロ PL
  4. Soundcore Liberty Air 2

アーカイブ

PAGE TOP