officialandrey
@officialandrey

Как скруглить блоки сайта с CSS?

Как сделать такие скругления с помощью CSS?
Есть идея конечно сделать это с помощью изображений, но хотелось бы чисто на CSS.
Спасибо)
Пример
5c370f904b4b3232856071.png
Пример 2
5c370f95660b7990005406.png
  • Вопрос задан
  • 493 просмотра
Пригласить эксперта
Ответы на вопрос 4
webinar
@webinar
Учим yii: https://youtu.be/-WRMlGHLgRg
Как вариант это обычный border-radius у верхнего и среднего блоков снизу, при этом один наезжает на следующий сверху.
Ответ написан
ArsenyMatytsyn
@ArsenyMatytsyn Куратор тега CSS
Руководитель frontend направления, предприниматель
Чисто CSS — clip-path, если мне не изменяет память. Но там полно браузерных артефактов. Лучше использовать SVG маски.
Ответ написан
Комментировать
Vlad_IT
@Vlad_IT Куратор тега CSS
Front-end разработчик
Решение "в лоб"
https://jsfiddle.net/Vlad_IT/xqhstk83
но я вижу картинка подарка внизу обрезается, поэтому этот способ не очень подходит, если правда не подобрать для родителя снизу такой же border-radius.
Ответ написан
Комментировать
seganim
@seganim
PHP-программист, программный инженер
у блока - border-radius свойство.

Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы