CSS Icons ohne Grafiken und Schriftarten

Ist zwar schon etwas älter, aber dennoch sehr interessant. Nicolas Gallagher hat auf seiner Homepage eine Demo mit 84 reinen CSS Icons veröffentlicht.

Das besondere an den Icons ist, dass diese nicht durch die Verwendung von Grafiken oder Schriftarten erzeugt werden, sondern durch die Nutzung von Pseudo-Elemente und mit Hilfe von CSS und HTML erstellt werden.

Das einzige Problem ist jedoch, dass viele ältere Browser die Icons nicht korrekt darstellen können. Eine fehlerfreie Darstellung ist nur in den Browsersn Firefox 3.5+, Safari 5+, Chrome 5+ und Opera 10.6+ gewährleistet. Der Internet Explorer hat selbst in der aktuellen Version 9 noch Schwierigkeiten mit den Icons.

Die Demo zu den Pure CSS GUI Icons findet Ihr hier.

Hinterlasse eine Antwort

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind markiert *

captcha

Please enter the CAPTCHA text

Du kannst folgende HTML-Tags benutzen: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>