<!DOCTYPE HTML> | |
<html> | |
<head> | |
<style> | |
div { | |
background: url('resources/ducky.png') no-repeat 0 0 /100% 100%, linear-gradient(to right, white 0%, gray 100%), green; | |
width: 200px; | |
height: 200px; | |
margin: 10px; | |
} | |
</style> | |
<!-- Test whether default blend mode values are set for the unspecified layers in background-blend-mode. --> | |
</head> | |
<body> | |
<div style="background-blend-mode: normal;"></div> | |
<div style="background-blend-mode: difference;"></div> | |
</body> | |
</html> |