w3docs logo

CSS Property:

background-blend-mode

Result:

This is a example of the CSS background-blend-mode property

CSS Code:

#myDiv {
                
width:280px;
height:80px;
background-size:280px 80px;
background-repeat:no-repeat;
background-image:linear-gradient(to right,#86C2DE 0%,#F08E86 100%),
  url("/build/images/logo-color-w3.png");
                
}
Click the property values above to see the result
W3Docs.com-Play it
Do you find this helpful?