Der ultimative CSS gradient Generator

CSS Gradients sind nicht nur ein neuer Hype, sondern eine äußerst sinnvolle Sache, da sie helfen, statische Grafiken loszuwerden und schnell austauschbar sind. Leider ist das passende CSS für die Gradients nicht gerade einfach zu erstellen, da jeder Browser eine eigene Vorstellung von den notwendigen CSS-Anweisungen hat, und  der Internet Explorer (aus alter Tradition) in der Regel quer schießt.

Screenshot Ultimate CSS Gradient Generator

Der Ultimate CSS Gradient Generator kann nicht nur einfache Verläufe, sondern auch komplexe mehrfarbige sowohl horizontal als auch vertikal. Es können beliebig viele Farben eingetragen werden, und die Oberfläche ist analog des Verlauf-Werkzeugs von Photoshop. Für den Internet Explorer wird ein einfacherer Gradient ausgegeben, und – bei den Browsern die es unterstützen – die komplette Palette an Möglichkeiten.

Zugegebenermaßen ist das generierte CSS seitenfüllend, was aber aufgrund der diversen Anforderungen verschiedener Browser leider unumgänglich ist. Für unkreative gibt es übrigens rund 50 Vorlagen, die frei verwendet werden dürfen.

Ähnliche Beiträge

Mozilla Thimble – HTML & CSS lernen Meine persönliche Meinung ist ja, das Mozilla anstatt sich auf den Browser zu konzentrieren, in den diversesten Nebenprojekten aufreibt. Teilweise kom...
CSS Grundgerüst automatisch erstellen lassen Der erste Wurf eines Templates ist recht nervig. Ich weiss nicht wie ihr vorgeht, aber ich beginne erst einmal damit die komplette Struktur in HTML au...
Mit Pow.js Sonnenstrahlen generieren Einen Hintergrund aus Sonnenstrahlen ist eine feine Sache, aber faktisch nicht implementierbar. Die Grafik die dafür notwendig wäre, wäre eindeutig zu...
CSS Trashman – CSS optimieren und entschlack... Man kennt das ja, mal eben aus einer Webseite ein Element raus geworfen, das spezialisierte CSS dafür bleibt erhalten. Dann hat man Elemente doppelt d...

Ein Kommentar

Schreibe einen Kommentar