Как сделать вот такие закругления с помощью css?

Question

[46kvolamak]

Как сделать вот такое закругление?
Border-radius не помогает, потому что он закругляет и второй угол
Как я понимаю нужно как то увеличить блок, чтобы он выходил за границы окна, но не нашел как это сделать

Comments

[RAX7]

Как сделать видео фон в блоке с rounded?

Answer 1

[Ankhena]

Большой псевдоэлемент с нужным скруглением.
И overflow родителю
https://jsfiddle.net/Ankhena/2paLqgkL/2/ - тут надо заменить div на псевдо. Это древний пример и немножко для других целей.

Альтернатива, которуя я больше люблю это радиальные градиенты. https://jsfiddle.net/Ankhena/upvxac29/
https://jsfiddle.net/Ankhena/0qxLo3us/

Еще одна: clip-path svg