CSS3-Verläufe leicht gemacht

Als ich heute etwas am Backend von WishuLoad gearbeitet habe, habe ich mir gedacht “Warum soll ich Grafiken für Verläufe nutzen? Chrome kann das auch nativ”. Und da im Backend sowieso niemand außer rami und mir ist, kann ich auch getrost ignorieren, dass der Internet Explorer die Verläufe noch nicht unterstützt. Da ich sie allerdings noch nie eingesetzt habe, kannte ich die Syntax auch noch nicht. So habe ich kurz nach den CSS-Verläufen gegooglet und bin schnell auf den CSS3 Gradient Generator gestoßen.

Somit kann ich recht schnell ansehnliche Verläufe erstellen und habe dabei noch nicht mal die Tipparbeit. Aber eben auch keinerlei Einschränkungen. Beim Farbwähler kann ich den HEX-Code einfügen oder per RGB einfach die Farbe bestimmen. Auch die Helligkeit kann man problemlos einstellen. Der Code wird live aktualisiert ebenso wie eine Vorschau, welche sich neben dem Farbwähler befindet, auf der sich zusätzlich noch Text befinden. Diesen kann man zwar leider nicht gestalten, doch sinnvoll ist es auf jeden Fall.

Direkt zum CSS3 Gradient Generator

Viel mehr gibt es dazu eigentlich gar nicht zu sagen. Und genau aus diesem Grund fasse ich mich auch einfach mal kurz und sage:

Das war es dann auch schon wieder!
Euer Wishu

Ein Gedanke zu “CSS3-Verläufe leicht gemacht

  1. Pingback: CSS3-Verläufe die Zweite – Ultimate CSS Gradient Generator | Wishu-Blog

Hinterlasse eine Antwort

Deine E-Mail-Adresse wird nicht veröffentlicht.

Du kannst folgende HTML-Tags benutzen: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>