Hej Gunnar,
Man sollte Gradienten nicht für etwas missbrauchen, wofür sie nicht gedacht sind.[^1] Zumal es richtige™ Wege gibt, um ans Ziel zu kommen.
Womit wir wieder beim Thema wären ;-)
Hatte den Thread nicht zu Ende gelesen, sonst hätte ich mir die Bemerkung gespart... - wobei wir ja oft Dinge (Pseudo-Elemente/CSS-Eigenschaften) "missbrauchen", um ein Aussehen zu erzeugen, das in CSS (noch) nicht vernünftig umsetzbar ist. Ich erinnere nur an die ersten Versuche, abgerundete Ecken zu erzeugen.
So lange man keinen (z. B.) Border-Wert hat, mit dem man eine schräge Kante erzeugen kann, muss man sich irgendwie behelfen. Letztendlich ist aber auch Dein Lösungsansatz nur ein Workaround für etwas, ohne "richtigen" Weg...
Dein Ansatz ist im besten Fall weniger schlecht als Gradienten und wir sollten ihn nur nutzen, bis eine entsprechende Eigenschaft in CSS bereit steht...
Gruß,
Marc