【CSS】javascriptを使用せずに、CSSで実装されたツールチップ。Before Tooltips

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ライセンス

 
Before Tooltips

【CSS】javascriptを使用せずに、CSSで実装されたツールチップ。Before Tooltips

  • LATEST
  • RELATED
  • POPULAR