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

Для создания эффекта закруглений на элементах веб-страницы, вы можете использовать CSS свойство border-radius. Это свойство позволяет задать радиус закругления углов элемента.

Пример использования border-radius для создания закругленных углов у блока:

.rounded-box {
    width: 200px;
    height: 200px;
    border-radius: 20px;
    background-color: #f2f2f2;
}

Этот CSS код создаст блок с закругленными углами и оранжевым фоном.

Также, для создания более сложных форм с закругленными краями, вы можете использовать разные значения для каждого угла элемента:

.custom-shape {
    width: 200px;
    height: 200px;
    border-top-left-radius: 30px;
    border-bottom-right-radius: 50px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 20px;
    background-color: #c0ffee;
}

Этот CSS код создаст блок с нестандартной формой и закругленными углами.

Кроме того, вы также можете комбинировать border-radius с другими CSS свойствами, такими как box-shadow для создания более сложных визуальных эффектов.

Надеюсь, эта информация поможет вам создать эффекты закруглений как на фото. Если у вас есть дополнительные вопросы или вам нужна дополнительная информация, не стесняйтесь обращаться!