1553828-1-ref.html (593B)
1 <!DOCTYPE html> 2 <html> 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: red; 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 </body> 30 31 </html>