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. Simple Modal

    JavaScript

    レスポンシブ対応の軽量・シンプルなモーダル「Simple Modal」

    Simple Modalはレスポンシブに対応した軽量でシンプルなモーダ…

  2. SweetAlert2

    JavaScript

    カスタマイズ性が高くアクセシビリティ(WAI ARIA)に優れたアラート実装「SweetAlert2…

    SweetAlert2は、レスポンシブ対応でカスタマイズ性が高くアクセ…

  3. Lobibox

    JavaScript

    レスポンシブなメッセージを通知できる「Lobibox」

    Lobiboxはレスポンシブなメッセージボックスを通知できるjQuer…

  4. Navigation

    JavaScript

    コンテンツを押し出してナビゲーションを表示する「Navigation」

    Navigationはコンテンツを押し出すかたちでナビゲーションを表示…

  5. pell

    JavaScript

    軽量でシンプルなWeb用のWYSIWYGエディタを実装できる「pell」

    pellは1.5KBと非常に軽量でシンプルなWeb用のWYSIWYGエ…

  6. Smooth Anchor Scrolling

    JavaScript

    ページ内リンクをスクロールできる「Smooth Anchor Scrolling」

    ページ内リンクをスムーズにスクロールできる「Smooth Anchor…

最近の記事

  1. JOK-350 WH
  2. 1460 COLLAR ウォータープルーフ 8ホールブーツ
  3. スターバックス ハウスブレンド

アーカイブ

PAGE TOP