Balloon.css
Balloon.cssはCSSのみで設定可能なツールチップライブラリです。カスタムデータ属性を含めるだけで左右上下に自由に出すことができます。ふわっと浮かび上がるシンプルなエフェクト付き。
使い方は、data-balloon
で表示させたいテキストを設定、data-balloon-pos
でツールチップの位置を設定します。upなら上、leftなら左、up-leftなら上で、矢印を左側に設定できます。また、data-balloon-length
で吹き出しのサイズを設定できます。CSSのみのツールチップライブラリは過去にもいくつかありましたが、こちらが一番使い勝手がよさそうです。ライセンスはMIT。