WordPress & Webwork

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.

2 Reaktion(en)

  1. Heiko

    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.

Die Kommentare in diesem Beitrag sind geschlossen.