0

Надо сверстать вот пример

Не знаю как обозвать такой изгиб, что бы загуглить:) И как его верстать? С помощью чего?

2 ответа 2

2
.cutout {
    width: 100px;
    height: 100px;
    border: 12px solid blue;
    border-top-left-radius: 60px 90px;
    border-bottom-right-radius: 60px 90px;
}
2
  • а как быть с внутренней стороной: там есть сероватый полу-фон, как его реализовать?
    – invited
    2 сен 2015 в 11:27
  • 1
    Добавить box-shadow
    – Mike
    2 сен 2015 в 11:27
1

Самое простое и быстрое поставить картинку на фон. Если так не хочется, то можно попробовать комбо border-radius, transform.

1
  • буду пробовать через border-radius, transform. А как это назвать вообще: изгиб, кривая или ?
    – invited
    2 сен 2015 в 11:17

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.