201011Aug

CSS3 Playground: WYSIWYG-Edtior für CSS3-Effekte

Generatoren für CSS3-Code mit einer Echtzeit-Vorschau der Effekte gibt es mittlerweile mehrfach im Netz. Der CSS3 Generator zählt beispielsweise dazu. Einen virtuellen CSS3-Spielplatz hat nun Mike Plate mit seinem CSS3 Playground entwickelt — dabei handelt es sich um einen WYSIWYG-Editor, mit dem die neuen Effekte der Cascading Style Sheets im Browser eingestellt werden können.

CSS3 Playground

Das Tool erlaubt es also, abgerundete Ecken, Schatteneffekte, Rotationen und Texteffekte zu erstellen. Die Einstellungen können über ein seitliches Menü vorgenommen werden und sind im Vorschau-Bereich direkt sichtbar. Als Resultat kann der fertige CSS3-Code eingesehen werden. Zusätzlich wird die CSS-Ausgabe angezeigt, wie sie vom jeweiligen Browser interpretiert wird.