Как можно сделать данный элемент?

Question

[Norum]

Не могу понять, как сделать данный объект в виде треугольника, поискал различные svg конструкторы, но не нашел ничего подходящего.

Comments

[Ankhena]

Фигуры на css
Либо просто градиентом.

Answer 1

[Максим]

В общем заумного ни чего нету здесь - рисуем обычный path и между defs располагаем linearGradient с уникальным ID и активному блоку присваиваем для SVG именно такой фон

Сама фигура делается с таких расчётов => если viewBox="0 0 200 70" то и path d будет таким M0,0 200,0
200,50 100,70 0,50 подробнее я уже пытался по teamviewwer объяснить ты мне не дал ..если не получается сделать в ручную то покупаем или пользуемся халявным векторным редактором ...открываем рисуем и сохраняем и вставляем в html в нужный блок ..в моём случае на ручном приводе получилось вот так

Answer 2

[Lorem Ipsum]

Попробуй на фон просто поставить градиент, а там, где надо его обрезать, размести белые треугольники с помощью position: absolute и псевдоэлементов :: before и ::after. Если треугольники будут под фоном, то добавь z-index