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.

Kommentarfunktion für diesen Artikel geschlossen.