Programmiererforum

.square {
width: 600px;
height: 600px;
background: black;
border-top-right-radius: 120px;
}

Ich habe ein Problem mit der Erstellung einer abgerundeten Ecke für Elemente, insbesondere für die obere rechte Ecke des Bildschirms – dem Bild ist eine Vorschau beigefügt. Das Ziel sind leicht abgerundete Ecken. Ich habe versucht, „border-top-right-radius“ zu verwenden, aber es funktioniert nicht. Ich weiß, dass dies mit SVG erreicht werden kann, aber ist es möglich, es ohne SVG zu erreichen?
Ich habe es mit border-radius versucht, aber es funktioniert nicht.
Hier ein Beispielbild von dem, was ich will:
[img]https://i.sstatic. net/MBf1474p.png[/img]



[code].square {
width: 600px;
height: 600px;
background: black;
border-top-right-radius: 120px;
}[/code]
[code]

[/code]