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

Всем привет!
Есть ли какое-то решение сделать обратное скругление?
https://monosnap.com/file/WWIhTnqRqUjfquuCrkRP59nU...
В мысли пока приходит пока только верхнюю полосу вырезать и вставить картинкой...
  • Вопрос задан
  • 397 просмотров
Пригласить эксперта
Ответы на вопрос 4
Ankhena
@Ankhena Куратор тега CSS
Нежно люблю верстку
Комментировать
@doctor__23
Скорее всего никак, потому что на background стоит картинка.

Был бы bg-color (например, черный #000), то можно было бы сделать кнопку вот такой:

button {
    width: 300px;
    height: 50px;
    background-color: #7c65ab;
    border: 10px solid #000;
    border-radius: 30px;
}


Не было бы картинки на главной фоне, код бы проканал :)
Ответ написан
Комментировать
Можно бэкграундом поставить такую картинку, а кнопку абсолютно спозиционировать
Еще можно попробовать clip
Ответ написан
Комментировать
@Andrw_t
Конечно можно, на чистом ccs без всяких картинок и так далее. border-radius в помощ
Ответ написан
Комментировать
Ваш ответ на вопрос

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

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