super simple css tooltips

Tooltips CSS super sederhana

Mudah tambahkan hover tooltip ke elemen. Landasan tooltip dapat ditempatkan ke kiri, kanan, atau bawah elemen. Opsi bawah kedua termasuk pointer.

Kelas CSS

• tooltip--left
• tooltip--right
• tooltip--bottom
• tooltip--triangle

Penggunaan

CSS mengambil elemen apa pun yang memiliki kelas tooltip--* dan menggunakan atribut data-tooltip pada elemen untuk menyediakan teks tooltip.

[ class ^= "tooltip" ] {
  ...
  content : attr ( data-tooltip );
  ...
}

 < img href =" /img/info.svg " class =" tooltip--left " data-tooltip =" This is the text displayed " >

Mendukung

Versi chrome, firefox, safari, edge, dan IE10+.