ich beschäftige mich zur Zeit mit dem Thema Shapes in CSS. Hierbei geht es darum, aus einem plain div (sprich ohne SVG oder sonstigen Kindelementen innerhalb des Divs) Shapeformen zu basteln.

Das war ein Ergebnis eines Shapes. Problem was ich jetzt habe ist folgendes, dass ich nicht weiß wie ich dieses am besten einfärben kann.
Ich könnte das Hauptdiv färben, das before weiß (bzw Hintergrundfarbe) machen und das after wieder färben. Problem an dieser Stelle wäre, dass das after nach rechts über den Rand des divs hinausraugt. Hat da jemand eine Idee, wie das besser geht, auch vllt mit der geschwungenen unteren Linie?
EDIT: Obsolet






