loading...

Create a gradient opacity in CSS?

github logo ・1 min read

Hey dude ! How can I make a gradient opacity in CSS?

I tried on jsfiddle to show you what I tried.

#map {
height: 400px;
background: #405CB1;
-webkit-mask-image:-webkit-gradient(linear, left top, left bottom,from(rgba(64, 92, 177, 1)), to(rgba(64,92,177,0)))
}

https://jsfiddle.net/qnr2079s/

The gradient is working very well but the background color is not considered.

Thank you for your help!

twitter logo DISCUSS
Classic DEV Post from May 7 '19

The newly announced future of .NET - unifying all the things

Microsoft announces .NET 5

lecopsportif profile image
JOIN
DEV
NOW

A True Coding Community