Как сверстать элемент?

Question

[MrLeonDono]

Нужно сверстать такой блок ,но я не знаю как


Нужно только скос и border.
Можно вставить просто как фон ,но при адаптиве думаю потом проблемы будут

Answer 1

[sHARek]

Посмотреть как сделано там, через "Просмотр кода элемента"

Comments

[MrLeonDono]

Это в FIGMA

[MrLeonDono]

В FIGMA не даётся такой код, он очень скудный по типу: ширина, высота, фон и тень

[sHARek]

https://sebweo.com/ru/skoshennye-kraya-blokov-s-po...
https://ru.stackoverflow.com/questions/672415/Созд...

htmlbook.ru/css/border-bottom-style

[MrLeonDono]

sHARek, вторая ссылка спс,но другие уже пробовал и это выглядит совершенно не так как на макете =(

Answer 2

[Aetae]

SVG и stroke-dasharray. Или простой картинкой - это одноразовая хрень, она не обязана быть адаптивной.

Answer 3

[Spartak (Web-StyleStudio)]

htmlbook.ru/blog/treugolniki-cherez-css

Answer 4

[Максим Пак]

Самый простой способ.
Берешь картинку, вставляешь фоном.

Второй вариант:
Скошенные элементы на CSS3
Всегда необычно видеть угловатые элементы в веб-дизайне. Сегодня мы посмотрим, как с помощью только CSS3 можно сделать такие угловатые, скошенные элементы.
https://proweb63.ru/help/all-about-css/skoshennyie...