【CSS】javascriptを使用せずに、CSSで実装されたツールチップ。Before Tooltips
CSS
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>
ツールチップの方向
- 上
a class="btips" - 下
a class="btips b" - 左
a class="btips l" - 右
a class="btips r"
MITライセンス
