@pet1987

Как сверстать такой блок?

Всем доброго времени суток!
Нужно сверстать такой блок:

5d7392b9475d7236278712.png

Не знаю как это сделать.
Думаю можно использовать CSS свойство border-bottom-left-radius. С помощью этого свойства скруглить нижний-левый угол.
Но как сделать этот блок двухцветным и с вырезом по центру не знаю.
Подскажите пожалуйста.
  • Вопрос задан
  • 178 просмотров
Решения вопроса 1
LenovoId
@LenovoId
what the fuck ?
Самое просто это открыть векторный редактор и нарисовать : https://codepen.io/topicstarter/pen/qBWxdGg
Ответ написан
Пригласить эксперта
Ответы на вопрос 2
@Pavstyuk
Создаешь в векторном редакторе такую картинку (Inkscape, например) по размерам блока, или просто по соотношению сторон блока. И прописываешь в стилях background: url("путь/картинка.svg") 50% 50% no-repeat; background-size: cover; С позицией фона можно поэкспериментировать. Можно создать обычный png вместо svg, но вектор будет легче.
Ответ написан
@cgwic
Можно так
Не идеально, но как пример
Быстрее и нагляднее конечно через SVG
Ответ написан
Ваш ответ на вопрос

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

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