Mit balloon.css kann man schöne tooltips erstellen.

Zum Beispiel:

Hover me!

Einfach Balloon.css in das HTML einbinden:


  

Und die Attribute 'data-ballon' und z.B. 'data-ballon-pos' zu den HTML Elementen hinzufügen

Hover me! "

Standard ist eine "Single line" Darstellung egal wie lang die Textzeile ist. Das lässt sich ändern mit den folgenden Attributen: "data-balloon-length" mit einem der Werte: "small, medium, large oder fit "






In den links finden Sie den "Download.link" der CSS library und weitere Beispiele.

Datum: 
Mittwoch, März 23, 2016
Tags: 
CSS Tricks

Über uns

Wir sind das Team RFS und schreiben hier Blogs über Webseiten und all das was uns dazu ein- und auffällt. Und wenn wir die Dummheiten nicht mehr ertragen können, twittern wir auch direkt an Donald Plump.