Playful Little Tooltip Ideasは、オシャレで多彩なアニメーションが魅力のツールチップを実装することができます。SVGとanime.jsが使われているとのこと。バラエティに富んだアニメーションは、どれもすごく素敵ですね。
Playful Little Tooltip Ideas
以下、Playful Little Tooltip Ideasの実際のデモページです。
デモページでは、さまざまなアニメーションによるツールチップの動きを見ることができます。ちなみに、上記のページには全部で12種類のツールチップが用意されています。下記はその12種類です。
- Cora
- Smaug
- Uldor
- Dori
- Gram
- Indis
- Walda
- Narvi
- Amras
- Hador
- Malva
- Sadoc
各アイテムにマウスオーバーすると、実際のツールチップが表示されます。クルッと回りながら出てくるものから漫画の吹き出しのようなものまで、多彩なツールチップが用意されています。
普通にツールチップを表示させるだけではもの足りないという人にはピッタリの機能ですね。
というわけで、オシャレなアニメーションによるツールチップを実装したい人は、ぜひ「Playful Little Tooltip Ideas」をチェックしてみてはいかがでしょうか？
Playful Little Tooltip Ideasの詳細は、以下のページからどうぞ。
