Im Web findet sich schon jetzt eine Auswahl an CSS3-Generatoren, die teilweise einen recht unterschiedlichen Funktionsumfang bieten. Wer schon heute seine Website mit CSS3-Eigenschaften aufpeppen will, sollte sich die folgenden CSS3-Generatoren ansehen.
Egal ob es um runde Ecken oder Schatten geht - CSS3 bietet Webentwicklern interessante neue Möglichkeiten. Um diese Möglichkeiten zu nutzen, kann man in manchen Fällen getrost zu den verschiedenen CSS3-Generatoren greifen, die sich im Web tummeln. René Winkelmann, aka der Webbi, hat sich drei Vertreter dieser Gattung näher angesehen und uns damit inspiriert, die ein oder andere Ergänzung vorzunehmen.
Der CSS3-Generator umfasst eine Reihe von verwendbaren Funktionen wie Text Shadow, Box Shadow, Border Radius oder auch Transition. Das Tool erlaubt das Einstellen aller Werte, die sich auch in einer CSS-datei deklarieren lassen. Eine Vorschau erlaubt dabei die Kontrolle der Änderungen. Dieser CSS3-Generator eignet sich allerdings in erster Linie für das Anwenden einzelner Funktionen.
Dieser CSS3-Generator bietet lediglich die Funktionen Box Shadow, Background Gradient, Border Radius und Opacity. Allerdings kann man diese aufeinander abstimmen und erhält entsprechend generierten Code.
CSS3 Please! ist ein beliebter CSS3-Generator, der ein Bearbeiten des Codes wie in einem Editor erlaubt. Die Änderungen am Code werden direkt im selben Browserfenster in einer Vorschau präsentiert.
Der Button Maker hält, was der Name verspricht. Dieser CSS3-Generator ist auf Buttons spezialisiert. Der Nutzer kann mit Slidern schnell und unproblematisch die Eigenschaften verändern.
Mit diesem CSS3-Generator kann man einen Border Radius denkbar einfach setzen, indem man den gewünschten Wert eintippt und der Generator den Rest übernimmt.
Der @Font-Face Generator erlaubt es dem Anwender, einen Font hochzuladen. Im Gegenzug gibt dieser CSS3-Generator alle nötigen Informationen aus, die man benötigt, um diesen Font in eine Website einzubinden. Dazu gehören HTML, CSS und verschiedene Dateiformate für Fonts.
Gleich eine ganze Sammlung an kostenlosen CSS3-Generatoren bietet Westciv an. Dazu gehören Tools wie CSS3-Generator Gradients, CSS3-Generator Text Shadows, Text Stroke, Transform, Box Shadows und Radial Gradients.
[...] Im Web findet sich schon jetzt eine Auswahl an CSS3-Generatoren, die teilweise einen recht unterschiedlichen Funktionsumfang bieten. Wer schon heute seine Website mit CSS3-Eigenschaften aufpeppen will, sollte sich die folgenden CSS3-Generatoren ansehen. » Artikel auf t3n.de lesen [...]
Unser Azubi hat auch ein sehr schönes Tool gebastelt. Der CSS3 Generator bietet euch die Möglichkeit, die gewünschten Einstellungen in einer Vorschau zu sehen und den benötigten Quellcode zu erhalten. U.a. Border Radius, Box Shadow, Box-Sizing, Multiple Columns und einiges mehr!
7 Answers
von CSS3: Liste von diversen Generatoren - S… 22.09.2011 (16:11Uhr) 1.
[...] Liste mit noch mehr Generatoren dieser Art gibt's von t3n.de in einer Auflistung mit Screenshots und kurzer [...]
von hannes 23.09.2011 (05:46Uhr) 2.
Layerstyles ist auch ganz nett. Generierung von CSS-code mit Photoshopfeeling...
von Dennis 23.09.2011 (09:36Uhr) 3.
Interessante Liste.
Für abgerundete Ecken mit zwei Werten fehlt aber noch css3-generator.de und für Gradients der Ultimate Gradient Generator.
von Lesestoff von 22. September 2011 bis 24.… 24.09.2011 (21:02Uhr) 4.
[...] CSS3-Generatoren im Vergleich: [...]
von CSS3: So werden Texte einfach mehrspalti… 05.10.2011 (10:39Uhr) 5.
[...] Möglichkeiten von CSS3 stehen in aktuellen Browsern bereits zur Verfügung. Auch die Mehrspaltigkeit wird von aktuellen [...]
von Links 41 » WoWa-Webdesign Friedrichshaf… 09.10.2011 (09:39Uhr) 6.
[...] Im Web findet sich schon jetzt eine Auswahl an CSS3-Generatoren, die teilweise einen recht unterschiedlichen Funktionsumfang bieten. Wer schon heute seine Website mit CSS3-Eigenschaften aufpeppen will, sollte sich die folgenden CSS3-Generatoren ansehen. » Artikel auf t3n.de lesen [...]
von torsten_r 18.10.2011 (09:18Uhr) 7.
Unser Azubi hat auch ein sehr schönes Tool gebastelt. Der CSS3 Generator bietet euch die Möglichkeit, die gewünschten Einstellungen in einer Vorschau zu sehen und den benötigten Quellcode zu erhalten. U.a. Border Radius, Box Shadow, Box-Sizing, Multiple Columns und einiges mehr!