201014Mär

CSS3 Generator: Moderne CSS-Effekte generieren

Diese Woche dürfte sich eindeutig durch das Erscheinen von mehreren Online-Tools für das Generieren von CSS3-Code auszeichnen. Mit "CSS3 Please!" und Border-Radius.com gibt es bereits sehr gute Möglichkeiten, um die neuen Stylesheet-Eigenschaften zu generieren.
Randy Jensen hat nun mit dem CSS3 Generator ein weitere Möglichkeit entwickelt, mit der sich per Klick schnell und einfach CSS3-Deklarationen erstellen lassen. Dazu zählen unter Anderem Effekte wie Box-Shadow, Text-Shadow, Border-Radius, @font-face oder "Multiple Columns".

CSS3 Generator

Die kleine Online-Anwendung funktioniert denkbar einfach: Nachdem man sich für den gewünschten Effekt entschieden hat, kann über Eingabefelder und Farbwähler das Aussehen des entsprechenden CSS3-Effekts angepasst werden. In der "Preview Area" werden die Attribute direkt auf ein Beispiel-Element angewendet. Sehr schön ist die Einblendung der Browser, die unterschiedliche CSS3-Attribute unterstützen. Für das schnelle Testen und Gestalten von modernen Stylesheets eignet sich dieses Werkzeug sehr gut, da das manuelle Experimentieren und Aktualisieren im Browser entfällt.