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

Adobe Brackets – Code Editor für HTML, CSS &... Nach gefühlten 25 Jahren, dem Plattmachen von Homesite und einigen Versuchen Dreamweaver irgend etwas sinnvolles abzugewinnen glaubt jetzt wohl schein...
Intention.js – Responsive direkt im HTML def... Je nach Einsatz von Responsive ist es normal, das man auch Bilder austauschen muss, oder Design-Elemente anpassen. Die Intention dahinter ist stets kl...
Sprite Cow – CSS Sprite nach CSS CSS Sprites sind höchst nützliche kleine Dinger, um Ladezeiten zu verkürzen, vor allem wenn man ein passendes Caching / Expire im Apache damit verbind...
CSS Refresh ohne Reload, dafür mit JavaScript Seien wir doch mal ehrlich, was ist die am meisten genutzte Taste auf eurer Tastatur? Richtig! F5 - Reload! ;) Das nervige Reloaden einer Seite kann d...

Eine Antwort auf „Der ultimative CSS gradient Generator“

Schreibe einen Kommentar

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