Как сделать такой эффект скругления?

Question

[Georgiy]

Хочу что-то похожее реализовать (см желтый фон на фото), можно конечно муторно с помощью бордер-радиусов и подложкой сделать, но вот нельзя ли это как-то с помощью тех же масок запилить, если да, то как это делают?

Answer 1

[Ankhena]

Фон и border-radius с одного угла.
Можно псевдо для желтого фона.

Можно просто сделать SVG на фоне между секциями. Не лучший вариант, если цвета могут меняться.

Можно радиальными градиентами.

Самый простой вариант https://jsfiddle.net/espm81a3/

И CSS, как сделать уголок?

Answer 2

[tundramani]

между желтым и белым фоном вставь этот кусок-svg

Comments

[Georgiy]

Увы, это не скрин макета, рандомная картинка концепции дизайна которую я увидел на пинтересте..