background-blending-image-color-transform3d.html (527B)
1 <!-- 2 Any copyright is dedicated to the Public Domain. 3 http://creativecommons.org/publicdomain/zero/1.0/ 4 --> 5 <!DOCTYPE HTML> 6 <html> 7 <style> 8 .reftest { 9 width: 400px; 10 height: 200px; 11 background-size: 200px 100px, 400px 200px; 12 background-repeat: no-repeat; 13 transform-origin: 0 0; 14 transform: rotateY(60deg); 15 } 16 17 .blend { 18 background-color: rgb(0,255,0); 19 background-blend-mode: difference; 20 } 21 22 .png { 23 background-image: url(as-image/green100x100.png); 24 } 25 26 </style> 27 <div class="reftest blend png"></div> 28 </html>