Как расположить элемент?

Question

[Tupic123]

Имеется макет, но там есть треугольники которые я не знаю как сверстать и расположить.



Как расположить треугольник в блоке как на скрине?

Answer 1

[Максим]

https://codepen.io/topicstarter/pen/yLeYKGN - так наверно ?

Comments

[Tupic123]

Ну,там треугольник расположен же под элементами

[Максим]

Tupic123, ну да ..не похоже ?

[Tupic123]

Ну,он должен быть не вокруг элемента,а как бы под ним
+ Треугольник,оказывается,картинка

[Одиночка Айс]

Максим Ленский, )))

[Максим]

Tupic123, а зачем картинка ? хотя можно и картинкой но зачем ? можно и на svg этот треугольник нарисовать и на чём угодно - стандартными средствами css это реализуемо - смысла в картинке и svg не вижу

[Tupic123]

Одиночка Айс, Спасибо)

[Максим]

Одиночка Айс, я чё то автора не понимаю щас - что он хочет не ясно

[Pavstyuk]

Странно, но я наблюдаю "лесенку" на границе градиента. Прямая получается слегка зигзагом. браузер chromium. Я в таких случаях использую svg в качестве background. С ним не должно быть неожиданностей, плюс очень легкий, такой треугольник будет весить байт 200-300.