1553828-1.html (914B)
1 <!DOCTYPE html> 2 <html class="reftest-wait"> 3 4 <head> 5 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 6 <title>Bug 1553828</title> 7 <style type="text/css"> 8 .container { 9 transform-style: preserve-3d; 10 perspective: 1000px; 11 width: 500px; 12 background-color: white; 13 } 14 15 .child { 16 width: 500px; 17 height: 500px; 18 background-color: blue; 19 transform: translateY(0px); 20 mix-blend-mode: difference; 21 } 22 </style> 23 </head> 24 25 <body> 26 <div class="container"> 27 <div class="child"></div> 28 </div> 29 <script type="text/javascript"> 30 function doTest() { 31 document.querySelector(".child").style["background-color"] = "red"; 32 document.documentElement.className = ""; 33 } 34 window.addEventListener("MozReftestInvalidate", doTest); 35 // setTimeout(doTest, 5000); 36 </script> 37 </body> 38 39 </html>