Wiederholende Farbverläufe nutzen einen Trick, den wir bereits durch den kreativen Einsatz von color-stops in den linear-gradient() und radial-gradient() Notationen beherrschen, und backen ihn für uns ein.
Die Idee ist, dass wir Muster aus den Gradienten erstellen können, die wir …
Lineare Farbverläufe sind in CSS leicht zu erstellen und äußerst nützlich. Wie wir in diesem Artikel sehen werden, können wir sie optisch viel weicher gestalten, indem wir sie mit *nicht*-linearen Farbverläufen erstellen. Nun, nicht-linear im Sinne von Easing, jedenfalls! ...
Nehmen wir an, Sie haben einen Farbverlauf in CSS, der von Rot zu transparent geht. Einfach, oder? So:
.element {
background: linear-gradient(
to bottom,
red,
transparent
);
}Es gibt hier jedoch eine ziemlich große *Stolperfalle*.
Wenn ich Filter, Schatten, Transformationen oder Gradientenhintergründe in CSS erstelle, fühlt es sich fantastisch an. Wer hätte gedacht, dass CSS so weit kommen würde. Keine Notwendigkeit, dafür Bilder zu verwenden. Ich kann den Browser fast hören, der sagt ...
