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

Question

[weranda]

Приветствую.
Как сделать такие скругления в редакторе или стилями?

Answer 1

[RAX7]

В иллюстраторе можно применить эффект wrap inflate к прямоугольнику со скругленными углами. В фотошоп перенести из иллюстратора простым ctrl+c ctrl+v.

Answer 2

[McBernar]

Скорее всего сделано в Фигме.
У меня получилось при 38 радиусе и 100% corner smoothing.

Comments

[Василий]

Да, в Фигме такие фишки отлично применяются. Сам юзаю её с удовольствием.

Answer 3

[drawnofmymind]

border radius: 15процентов;
overflow: hidden;

Comments

[weranda]

border-radius просто скругляет четыре угла, но не делаем форму такой.

[alalala]

weranda, в фотошопе делайте

[weranda]

alalala, Класс, я про то и спрашиваю — как?

[alalala]

маску создай и пили

Answer 4

[Андрей Федоров]

Чистый css... К сожалению значения нужно подбирать и общий фон возможен только одноцветный (поверх картинки аватар нельзя разместить)
https://codepen.io/aliencash/pen/jObPZyV?editors=1100

Answer 5

[hint000]

Это математика:
https://en.wikipedia.org/wiki/Squircle
https://www.johndcook.com/blog/2018/02/13/squircle...
https://99percentinvisible.org/article/circling-sq...
https://scipython.com/blog/superellipses/