Как сделать триугольный дополнительный фон?

Question

[RushV]

Добрый день!
Как сделать вот такой дополнительный фон треугольник?

Answer 1

[Сергей Горячев]

https://jsfiddle.net/webirus/rcLzhgby/

Comments

[RushV]

А как указать что бы автоматически определял высоту и ширину блока?
так сказать не выходил за пределы блока

[Сергей Горячев]

RushV: %, но тогда высоту и ширину нужно равнять через JS.

Answer 2

[dom1n1k]

Лучше всего градиентом с нулевой шириной перехода.

Comments

[RushV]

Это как?

[dom1n1k]

background: linear-gradient(135deg, rgba(...) 0%, rgba(...) 100px, transparent 100px, transparent 100%);