The latest articles on DEV Community by lecopsportif (@lecopsportif). https://dev.to/lecopsportif https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F51410%2F080ff379-b5c5-403a-b6f3-04d985d05bff.png https://dev.to/lecopsportif en lecopsportif Tue, 26 Dec 2017 23:28:44 +0000 https://dev.to/lecopsportif/create-a-gradient-opacity-in-css-29ni https://dev.to/lecopsportif/create-a-gradient-opacity-in-css-29ni <p>Hey dude ! How can I make a gradient opacity in CSS?</p> <p>I tried on jsfiddle to show you what I tried.</p> <div class="highlight js-code-highlight"> <pre class="highlight plaintext"><code>#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))) } </code></pre> </div> <p><a href="https://jsfiddle.net/qnr2079s/">https://jsfiddle.net/qnr2079s/</a></p> <p>The gradient is working very well but the background color is not considered.</p> <p>Thank you for your help!</p> css webdev html help