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

Fancy Inputかっこいいエフェクトのテキスト入力を実装できる「Fancy Input」前のページ

要素を特定の位置に固定できるjQueryプラグイン「Fixit」次のページFixit

関連記事

  1. Sticker.js

    JavaScript

    ペラッとめくるようなエフェクトが素敵なJSライブラリ「Sticker.js」

    画像や要素をペラッとめくるようなエフェクトを実装できるJSライブラリ「…

  2. basicScroll

    JavaScript

    モバイル・デスクトップに対応したパララックススクロール実装「basicScroll」

    basicScrollはモバイル・デスクトップに対応したスタンドアロー…

  3. JavaScript

    jQueryの基本的なセレクターを適当に試してみる

    自分の勉強用としてちょっと適当に試してみました。jQueryの基本のセ…

  4. number-divider.js

    JavaScript

    数字を分割できるjQueryプラグイン「number-divider.js」

    number-divider.jsは数字を分割させることができるjQu…

  5. MG Space

    JavaScript

    Google画像のようなアコーディオンプラグイン「MG Space」

    MG SpaceはGoogle画像のようなjQueryアコーディオンプ…

  6. jQuery contextMenu plugin & polyfill

最近の記事

  1. SV-S251
  2. スラウェシ トラジャ
  3. 梅
  4. CAR-HLD12BK

アーカイブ

PAGE TOP