background-blending-image-color-959674.html (502B)
1 <!-- 2 Any copyright is dedicated to the Public Domain. 3 http://creativecommons.org/publicdomain/zero/1.0/ 4 --> 5 6 <html> 7 <style> 8 .reftest { 9 width: 200px; 10 height: 200px; 11 background-size: 100px 100px, 200px 200px; 12 background-repeat: repeat; /* set this explicitly for the test clarity */ 13 } 14 15 .blend { 16 background-color: rgb(0,255,0); 17 background-blend-mode: difference; 18 } 19 20 .jpg { 21 background-image: url(as-image/green100x100.jpg); 22 } 23 24 </style> 25 <div class="reftest blend jpg"></div> 26 </html>