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 Grids lernen mit Grid Garden
Es ist ja noch gar nicht so lange her das ich über Flexbox Froggy berichtet habe. Mit dem Spiel kann man einfach und schnell den Umgang mit Flexboxen ...


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...


Backgrounds für Grid Based Layouts
Okay, ich gebe zu, der Titel ist maximal mystisch, passt aber ;) Ich glaube zum Grid Based Design brauche ich nichts mehr zu sagen, und es gibt ja auc...


CSS Reset vs. Normalize
Die Tage ging ein Aufschrei durch Twitter: die HTML5-Boilerplate hat den CSS-Reset raus geworfen, und durch ein Normalize ersetzt. Ich war relativ ers...

Kommentare

Schreibe einen Kommentar

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