Как задать блоку такое закругление?

Question

[rootnoroot]

border radius не то :))

Comments

[black1277]

2 варианта: либо border radius, либо clip-path: circle(100% at 50% 0);
В обоих случаях блок значительно больше размера экрана должен быть и нужно его обрезать.

[rootnoroot]

black1277, Спасибо
изображение идет фоном background
clip-path на фоновую картинку не действует
т.е не обрезает

[Ankhena]

rootnoroot,
1. псевдо с радиальным градиентом
2. псевдо и border-radius
3. clip-path
4. белая svg в псевдо

Answer 1

[Elvis]

Окей гугл, border radis css generator

Comments

[rootnoroot]

и что?
он не скругляет так, как нужно

[Elvis]

Посмотри другие ссылки)

[rootnoroot]

Elvis, ну так киньте ссылку, раз уверены что border radius такое может
не получается, уже 5 сайтов перебрал

[Elvis]

rootnoroot, https://10015.io/tools/css-border-radius-generator

[rootnoroot]

Elvis, уже тестировал, так не получится
вот прилагаю пример как есть
вверху изображение - с нужной скругленостью
внизу на сером фоне как работает через border radius


border-radius: 0% 0% 50% 50% / 0% 0% 25% 25%;

[rootnoroot]

по краям фигня получается

[Danny Arty]

rootnoroot, реализуйте с помощью clip-path, либо если хотите border-radius, то ваш блок должен быть шире вьюпорта

[Сергей delphinpro]

rootnoroot, Это потому что радиус скругления должен быть намного больше, и сам блок, соответственно, тоже.