Is it possible to implement a bidirectional gradient as a background?

Question

css

I asked a question and for a week I can not find an answer.
Is it possible to implement a gradient of this format - from left to right from red to green, and at the same time from top to bottom to transparent?
Is this possible with svg or other tools?

Answer 1

Can be done via css, using image-mask, something like this .
Or svg - well, we also use a mask. For example .