hint.css – gestylte Tooltips nur mit CSS

Die hint.css eine kleine Tooltip-Bibliothek mit der man gestylte Tooltips umsetzen kann, die lediglich CSS und ein bisschen HTML benötigen:

Gestyllte Tooltips nur mit CSS

Man muss lediglich die CSS-Datei einbinden, entweder als separate Datei oder n dem man den Code in die bereits bestehende CSS-Datei reinkopiert. Anschließend kann man mit so Konstrukten…

Ich bin ein <span class="hint  hint--bottom" data-hint="Hallo">Tooltip</span>. 

… verschiedenartige Tooltips erzeugen. Ich habe sowohl die Online-Demo, wie die lokale Variante getestet und es funktioniert mit den aktuellen Versionen von Firefox, Chrome und Opera und auch auf dem Internet Explorer 9.

Weitere Infos gibt es in der readme-Datei.

Via Twitter.

Diesen Blogartikel teilen:

Vladimir

Vladimir Simović arbeitet seit 2000 mit HTML & CSS und seit Januar 2004 mit WordPress. Im Laufe der Jahre hat er diverse Fachbücher und Fachartikel publiziert.

Verwandte Beiträge

2 Gedanken zu „hint.css – gestylte Tooltips nur mit CSS“

  1. Dabei sollte man jedoch beachten, dass die zunehmende Anzahl der Besucher mit Touch-Geräten, die Tooltips in der Regel nicht wahrnehmen werden. Also Vorsicht mit relevanten Informationen.

Kommentare sind geschlossen.