Как реализовать декоративный блок в виде треугольника?

Question

[voltfeX]

Тренируюсь в верстке сайта и верстаю страницу по макету, нужно сделать вот такую декаративную часть

пробывал делать с помощью псевдо before и делать из border треугольни и вроде бы треугольник получается, но сделать такую тень уже не получается, так-как это все ровно для html прямоугольный блок. Ну и было бы приятно если кто-то подсказал как это можно сделать)
Вот так выглядит нынешний резултать

Answer 1

[Олег]

linear gradient