How to rebuild background-linear gradient?

Question

css

Please tell me how to rebuild - rotate with an arrow to the right, this background: linear-gradient?

I can’t understand how it works, I want the triangle to be 100% in block height and 75px in width.

Now so


And how to do so?

Answer 1

You have two background rectangles.
Both have a background size of 75px at 50%
One background is nailed to the top right edge, the other is nailed to the bottom.
In each is a simple diagonal gradient.
Everything.
The inner block with the absolute in the example is also completely redundant.
https://jsfiddle.net/f4b2yp58/