Как сверстать блок нестандартной формы?

Question

[Haykeloff]

Доброго времени суток. Впервые сталкиваюсь с такой задачей, нужно сверстать блок как на картинке, причем адаптивно. Если кто знает, подскажите пожалуйста как это делается?

Answer 1

[WapSter]

В чем он не стандартный то? Можно при помощи https://developer.mozilla.org/ru/docs/Web/CSS/clip-path, можно псевдоэлемент повернуть и скрыть края блока

Comments

[Haykeloff]

Я обрезал картинку с помощью clip-path, однако как задать правый серый фон и как написать текст не могу понять. Можно примерный образец??

[WapSter]

Haykeloff, нет, только на словах. Тебе картинку обрезать вообще не нужно. Тебе нужно обрезать серый треугольник, поставить при помощи позиционирования на слой выше.