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. Toast

    JavaScript

    アニメーション付きでスタッキングしていくメッセージ通知「Toast」

    Toastはアニメーション付きのメッセージ通知を表示することができるj…

  2. JQuery lightSlider

    JavaScript

    軽量でレスポンシブなサムネイルナビ付きのスライダー「JQuery lightSlider」

    JQuery lightSliderは軽量でレスポンシブに対応したサム…

  3. Text Scramble Effect

    JavaScript

    テキストをスクランブルしながら表示していく「Text Scramble Effect」

    Text Scramble Effectはテキストをカシャカシャとスク…

  4. Owl Carousel

    JavaScript

    タッチ操作やレスポンシブにも対応したカルーセルを実装できるjQueryプラグイン「Owl Carou…

    素晴らしいカルーセルを実装できるjQueryプラグインがあったのでご紹…

  5. waslidemenu
  6. Points Of Interest

    JavaScript

    各ポイントごとにクリックで詳細文を表示させるjQuery「Points Of Interest」

    Points Of Interestはサイト内に設置した各ポイントを…

最近の記事

  1. CHA-SAJI
  2. SLE-19P
  3. Soundcore Ace A0
  4. Fire 7 タブレット

アーカイブ

PAGE TOP