I'm trying to add a gradient to a rectangle element to create a scrim over some content in my design and I was playing around with Custom CSS and had a bit of an issue trying to get it to work correctly.
The goal: I was aiming to have the gradient scrim start with Transparent on the top and White on the bottom.
Here is the code I originally pasted in to the Custom CSS panel:
background-image: linear-gradient(rgba(255,255,255,0), rgba(255,255,255,1));
The result: I got Transparent on the bottom and White on the top.
It is my understanding that the gradient property reads top to bottom, so in theory this should work as intended.
Here is the inverted code I used to achieve my desired result:
background-image: linear-gradient(rgba(255,255,255,1), rgba(255,255,255,0));
Am I correct in assuming this is a bug or am I doing something wrong?