Try it Editor: The background-blend-mode Property

Edit This Code :


<!DOCTYPE html>
<html>
<head>
<style>
#myDIV { 
  width: 400px;
  height: 400px;
  background-repeat: no-repeat, repeat;
  background-image: url("http://www.dwfaisalabad.com/wp-content/uploads/2017/08/DWF.png"), url("http://www.dwfaisalabad.com/wp-content/uploads/2017/11/wordpress49-180x180.png");
  background-blend-mode: lighten;
}
</style>
</head>
<body>

<h1>The background-blend-mode Property</h1>

<div id="myDIV"></div>

<p><b>Note:</b> Edge/Internet Explorer do not support the background-blend-mode property.</p>

</body>
</html>

Result :