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

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...
CSS Crush – noch ein CSS Preprocessor aus De... Ich für meinen Teil bin inzwischen starker Verfechter für den Einsatz von Turbine. Der CSS Preprocessor von Peter Kröner vereinfacht mein Leben nachha...
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...
jFontSize – dynamische Font-Size mittels jQu... Ich entwickele zur Zeit einen Magento-Shop für Silver Surfer. Natürlich gibt es da besondere Ansprüche, und eine davon ist die klare Lesbarkeit der Se...

Eine Antwort auf „Der ultimative CSS gradient Generator“

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert.