CSS: как сделать верхнюю границу закругленной ⇐ CSS

[Anonymous]

У меня возникла проблема с созданием закругленного угла для элементов, в частности для правого верхнего угла экрана — к изображению прикреплен предварительный просмотр. Цель состоит в том, чтобы углы были слегка закругленными. Я пробовал использовать border-top-right-radius, но он не работает. Я знаю, что этого можно добиться с помощью SVG, но можно ли сделать это без использования SVG?
Я пробовал использовать border-radius, но это не работает.
Вот пример изображения того, что я хочу:
[img]https://i.sstatic. сеть/MBf1474p.png[/img]



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


Подробнее здесь: https://stackoverflow.com/questions/793 ... op-rounded