Как лучше сделать этот треугольник?

Question

[Masonry]

Как лучше реализовать этот треугольник у блока ?

Answer 1

[Serj-One]

2 треугольника на css псевдоэлементами с абсолютным позиционированием по низу блока, в сумме с шириной, заведомо большей ширины экрана, + overflow-x: hidden для секции.
Объяснять, как делать треугольники на css, я думаю, необходимости нет.

Answer 2

[Андрей Федоров]

Делайте бордюрами codepen.io/aliencash/pen/PNBPJv

Comments

[Андрей]

плохой пример. поставьте width:100% и повторите

[Андрей Федоров]

Андрей: В сад. Пусть ТС что-нибудь сам сделает.

Answer 3

[AlexanderShustik]

делай background-image png, и не парься
https://w3layouts.com/preview/?l=/wildflat-corpora...
здесь посмотри как работает

Comments

[Masonry]

Спасибо за ответ.

Answer 4

[Ivan Bogachev]

Используйте псевдоэлемент :after, прозрачные границы и vw чтобы не придумывать что-то в духе "сделать заведомо больше эрана" - пример тут

Comments

[Masonry]

Спасибо за ответ.