Kniffliges zur Wochenmitte: CSS Battle

[Gunnar Bittersmann]

@@Gunnar Bittersmann

Aber bei der Rumspielerei kommt man vielleicht doch auf das Eine oder Andere, was sich in der Praxis einsetzen lässt.

TIL z.B., dass man Gradienten mit color stops einfacher haben kann. Nehmen wir eine Trikolore – bspw. die Flagge von San Escobar:

linear-gradient(navy, navy 33%, white 33%, white 67%, green 67%, green)

Anfang und Ende kann man weglassen, klar:

linear-gradient(navy 33%, white 33%, white 67%, green 67%)

Die Wiederholung der Lage der color stops braucht man aber auch nicht:

linear-gradient(navy 33%, white 0, white 67%, green 0)

Und man braucht auch nicht die Wiederholung der Farbe:

linear-gradient(navy 33%, 0, white 67%, green 0)

oder

linear-gradient(navy 33%, white 0, 67%, green 0)

☞ Codepen

LLAP 🖖