@megazvero

Как сделать фон выше, как у блока ниже?

тоесть там где цифра 1 - был не белый бэграунд
а красный

5e61677edd42b345403170.jpeg

https://jsfiddle.net/97vku0ms/
  • Вопрос задан
  • 81 просмотр
Пригласить эксперта
Ответы на вопрос 2
LenovoId
@LenovoId
грёбнный короновирус
В таких нестандартных ситуациях нам поможет SVG

Ответ написан
@MrDecoy
Верставший фронтендер
Вариантов несколько
1) Предложенный выше - svg,
2) Сделать на псевдоэлементах, в данном случае на :before - сделать его во всю ширину родителя, сделать его треугольником нужной формы, либо прямоугольником(разделённый визуально внутри на два треугольника), либо прямоугольником и привести к нужному виду с помощью transform, после чего правильно спозиционировать его. У родителя в таком случае понадобится добавить отступ сверху.
3) с помощью свойства clip-path.
Какой способ выбрать - решать Вам. Зависит от необходимой поддержки, навыков и так далее.
Ответ написан
Ваш ответ на вопрос

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

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