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. Custom Carousel

    JavaScript

    カードスタイルのカルーセル・スライダー実装「Custom Carousel」

    Custom Carouselはカードスタイルによるシンプルなカルーセ…

  2. xGallerify

    JavaScript

    サイズが異なる画像でもキレイに表示できるギャラリー実装「xGallerify」

    xGallerifyはギャラリーを作成するのに最適なjQueryプラグ…

  3. jCorner

    JavaScript

    フラットデザインに合う紙をめくったエフェクトを実装できるjQueryプラグイン「jCorner」

    jCornerというjQueryプラグインを使ってみました。フラットデ…

  4. Slideout.js

    JavaScript

    軽量でタッチスライド対応のサイドメニュー・Slideout.js

    Slideout.jsは軽量でスマフォでのタッチスライドに対応したサイ…

  5. Image Gallery Threejs
  6. jQuery Flip-Quote

最近の記事

  1. NIVEA MEN CREME
  2. チャイラテ
  3. ベーコンエッグアボカドトーストとゆずジンジャーアップル
  4. COMOLI ナッピングウールショーツ
  5. 川上庵(麻布十番)牡蠣天せいろ
PAGE TOP