Как сделать такой border-radius нестандартный?

Question

[Serezha]

как сделать такой border-radius что бы он был адаптивный

вот что получилось
https://codepen.io/serezhaua/pen/wvQVqPq

Answer 1

[Ankhena]

Comments

[Serezha]

супер ) спасибо

Answer 2

[Andrey Vasilev]

Плюсик через before можно воткнуть.
Адаптацию можно на определенных брейках воткнуть, там в целом ничего страшного для адаптации нет
box2 можно прилепить снизу и сделать ещё бордер.

Comments

[Serezha]

не то ) там выходит фон градиентом идет + справа закругления нету (

Answer 3

[alexalexes]

Если дизайнер не имеет представления об ограничениях современного CSS и не собирается вникать в их суть, то clip-path и svg ваше все.

Comments

[Serezha]

есть варианты решения ?

[Ankhena]

alexalexes В данном случае CSS никак не ограничивает задумку дизайнера.

Serezha, есть: обычный радиальный градиент. Можете поискать по моим ответам и комментариям. За последний месяц я раза пару раз точно отвечала на этот вопрос.

[Serezha]

Ankhena, а чем там градиент поможет ? если там бордер не обычный

[Ankhena]

Serezha, вставите четвертинку круга в нужное место.
Как сделать прямоугольник с закруглеными углами во внутрь?

[Serezha]

Ankhena, да но у меня там фон прозрачный и градиентом идет , а сам тот бордер белый и закруглен я не знаю как его реализовать , если поможете буду благодарен

[Ankhena]

Serezha, вы можете сделать градиент из белого в прозрачный?
Ну или тупо скопировать код из моих примеров, поменяв цвет на свой и повернув уголок, потому что у меня как раз таки в прозрачный.

[Serezha]

Ankhena, не совсем понимаю как это правильно слелать в том случаии

[Ankhena]

Serezha, нужно прекратить писать в чужом ответе.
Подумайте чьи именно это должны быть псевдоэлементы, чтобы получилось как на скрине.
Отредактируйте вопрос и прикрепите к нему песочницу на codepen.io с тем, что у вас не получилось.

[Serezha]

Ankhena, https://codepen.io/serezhaua/pen/wvQVqPq не получается сделать как на скрине(

[Ankhena]

Serezha, очень плохо, что вы отказываетесь понимать даже фразу "отредактировать вопрос"