Die Einführung von CSS3 hat Webdesignern unzählige neue Möglichkeiten eröffnet. Komplexe Formen können heute mit reinem CSS “gezeichnet” werden. Um dies zu veranschaulichen, habe ich einige Beispiele erstellt. Der CSS-Code steht jeweils gleich daneben.
Vorteile:
- Die Logos sind frei skalierbar und für alle Bildschirmauflösungen gleichermassen geeignet.
- Allfällige Anpassungen sind schnell realisierbar.
- Der Code ist um einiges kleiner als Bilddateien (schnellere Ladezeit).
Nachteile:
- Es kann je nach Browser leichte Darstellungsunterschiede geben.
- Für alte Browser wird eine Fallback-Lösung benötigt, weil einige CSS-Befehle evtl. nicht unterstützt werden.
Komplexere Logos (z.B. Twitter und Evernote) gibts übrigens auf der Website von Brian Chan zu bestaunen.