ใช้คุณสมบัติ background-blend-mode เพื่อกำหนดโหมดการผสมผสานของแต่ละเลเยอร์พื้นหลังใน CSS คุณสามารถลองรันโค้ดต่อไปนี้เพื่อนำคุณสมบัติ 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>
