Edit The Code:
See Result »
Try it Yourself - ©
w3ii.com
<!DOCTYPE html> <html> <head> <style> body {background-color: yellow;} div { width: 200px; height: 200px; background-size: 200px 200px; background-repeat:no-repeat; background-image: linear-gradient(to right, black 0%,white 100%), url('w3css.gif'); background-blend-mode: color-dodge; } </style> </head> <body> <div></div> <p><b>Note:</b> Internet Explorer does not support the background-blend-mode property.</p> </body> </html>