Как перестроить background-linear gradient?

Question

[Cheizer]

Подскажите пожалуйста, как перестроить - повернуть стрелкой вправо, этот background: linear-gradient?

Не могу понять как работает, хочу что бы треугольник был по высоте блока на 100%, а по ширине 75px.

Сейчас так


А как сделать так?

Comments

[Vadim Kinev]

Лучше сделай это другим элементом и преврати его в треугольник с помощью clip-path

[Cheizer]

Vadim Kinev, Спасибо, но clip-path это самый крайний вариант, нихера не поддерживается толком браузерами. Transform rotate тоже не хотелось бы.

Answer 1

[Ankhena]

У вас два фоновых прямоугольника.
У обоих размер фона 75px на 50%
Один фон прибит к верху правого края, другой к низу.
В каждом простой диагональный градиент.
Всё.

Внутренний блок с абсолютом в примере - также абсолютно лишний.

https://jsfiddle.net/f4b2yp58/

Comments

[Cheizer]

Благодарю!