Before Tooltipsはjavascriptを使用せずに、CSSを使用して作られたらツールチップ。

<link rel="stylesheet" href="btooltips.min.css"/>

リンクにbtipsクラスを設定し、titleをツールチップ表示。

<a class="btips" title="Solo soy un tooltip" href="#url">Hola mundo</a>

他のラベルを使用する場合はbtipsクラスを設定し、data-titleをツールッチップ表示。

<span class="btips" data-title="Solo soy un tooltip">Hola mundo</span>

ツールチップの方向

1. 上　a class="btips"
2. 下　a class="btips b"
3. 左　a class="btips l"
4. 右　a class="btips r"

MITライセンス

• Tag
• CSS
• Tooltip