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

Typetester – online CSS für Fonts erstellen und ve... Die Definition eines Fonts ist jedes Mal aufs Neue ein ziemliches Rumgemurkse. Es ist zwar nicht schwer eine Verdana auszusuchen, aber aufgrund der vi...
Tooltips in 100% CSS Tooltips sind inzwischen in jeder Web-Applikation zu finden, einfach um dem Benutzer mehr Informationen zu geben oder besser zu führen. Bei ganz windi...
CSS Flexbox lernen mit Flexbox Froggy Flexbox ist eine moderne Möglichkeit responsive und flexible Layouts zu erstellen. Dabei kann komplett auf Größenangaben und Werte wie position, float...
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...

Eine Antwort auf „Der ultimative CSS gradient Generator“

Schreibe einen Kommentar

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