Web app Inspect - Invalid CSS for linear-gradient

While using the web app and inspecting my document, I copied the css value for an element and got the following code for a gradient:

background: linear-gradient( 180deg , 0% rgba(251, 251, 251, 1) , 100% rgba(237, 237, 237, 1) );

This was invalid in Chome dev tools, and it seems like the position hints (the % values) need to be after the color value, not before. Like this:

background: linear-gradient( 180deg , rgba(251, 251, 251, 1) 0% , rgba(237, 237, 237, 1) 100% );

There might be something I’m missing, I’m not a full time developper. :upside_down_face:

Hello @Jean-Francois-b!

We have filed this issue internally and our engineers will take a look soon.

Thanks for reporting!

1 Like