CSS से प्रत्येक बैकग्राउंड लेयर का ब्लेंडिंग मोड सेट करें

background-blend-mode प्रॉपर्टी

प्रत्येक बैकग्राउंड लेयर का ब्लेंडिंग मोड सेट करने के लिए background-blend-mode प्रॉपर्टी का उपयोग करें।

उदाहरण: मोड darken

<!DOCTYPE html>
<html>
  <head>
    <style>
      #myDIV {
        width: 250px; height: 170px;
        background-repeat: no-repeat, repeat;
        background-image: url("https://www.tutorialspoint.com/assets/videotutorials/courses/3d_animation_online_training/380_course_211_image.jpg"),
                          url("https://www.tutorialspoint.com/latest/dc.js.png");
        background-blend-mode: darken;
      }
    </style>
  </head>
  <body>
    <h1>Set Blend Mode</h1>
    <div id="myDIV"></div>
  </body>
</html>