Ich versuche ein Menü zu erstellen, das aus 3 oder 4 DIVS besteht, die einen rechten Rand haben, der abgewinkelt ist, wie das hastig zusammengesetzte Bild unten.CSS gewinkelt rechten Rand auf einem Div
Die HTML würde wie folgt aussehen:
<div class="youarehere">
<div class="yah_1">You are here</div>
<div class="yah_1">xxx</div>
<div class="yah_1">yyy/div>
<div class="yah_2">sss</div>
</div>
yah_1 die rechtwinkeligen Grenze haben würde und yah_2 wäre nur randlos.
Border-Radius gibt mir offensichtlich den gekrümmten Effekt, aber ich möchte abgewinkelt. Ich habe mir zahlreiche CSS-Beispiele online angeschaut, aber keine gibt mir diesen Effekt.
https://codepen.io/homenkovit/pen/adxxrR –