Как сверстать информационный блок — треугольник с фоном — линейный градент?

Question

[Alice777]

jsfiddle.net/NDJ3S/902
Вот набросок, но тут наложение белого блока для получения треугольника - не вариант так как фон - картинка. Клип паз тоже не подходит, ибо нужна поддержка ие. Как это правильно и адаптивно сверстать?

Answer 1

[Максим]

https://codepen.io/MaximLensky/pen/EbOzBQ?editors=1100 так ?

Comments

[Alice777]

да но мне нужен треугольник с фоном не просто цвет какой-то, а линейный градиент

[Максим]

Alice777, https://codepen.io/MaximLensky/pen/EbOzBQ?editors=0100 вот но это svg -

[Alice777]

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