background-blending-multiple-images.html (578B)
1 <!-- 2 Any copyright is dedicated to the Public Domain. 3 http://creativecommons.org/publicdomain/zero/1.0/ 4 --> 5 <html> 6 <style> 7 .reftest { 8 width: 400px; 9 height: 100px; 10 background-size: 100px 100px, 200px 100px, 300px 100px; 11 background-repeat: no-repeat; 12 } 13 14 .blend { 15 background-color: rgb(0, 255, 0); 16 background-blend-mode: difference, exclusion, screen; 17 background-image: url(as-image/red100x100.png), 18 url(as-image/green100x100.png), 19 url(as-image/blue100x100.png); 20 } 21 22 </style> 23 <div class="reftest blend"></div> 24 </html>