Kniffliges zur Wochenmitte: CSS Battle
bearbeitet von 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*{:@en} einfacher haben kann. Nehmen wir eine Trikolore – bspw. die Flagge von [San Escobar](https://en.wikipedia.org/wiki/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*{:@en} 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)
~~~
☞ [Codepen](https://codepen.io/gunnarbittersmann/pen/NmjOVg?editors=0100)
LLAP 🖖
--
*„Wer durch Wissen und Erfahrung der Klügere ist, der sollte nicht nachgeben. Und nicht aufgeben.“* —Kurt Weidemann