opacity-transition-change-parent-stacking-context.html (869B)
1 <!doctype HTML> 2 <html class="reftest-wait"> 3 <title>CSS Test: Test for re-paint after stacking context removal due to opacity transition</title> 4 <link rel="author" title="Philip Rogers" href="mailto:pdr@chromium.org" /> 5 <link rel="help" href="https://www.w3.org/TR/CSS2/zindex.html"> 6 <link rel="match" href="opacity-transition-change-parent-stacking-context-ref.html"> 7 <script src="/common/reftest-wait.js"></script> 8 <div style="position: relative;"> 9 <div id=target style="transition:.00001s ease; opacity: 0; backface-visibility: hidden; width: 100px; height: 100px; background: green;"></div> 10 </div> 11 <script> 12 onload = function() { 13 requestAnimationFrame(() => requestAnimationFrame(() => { 14 target.style.opacity = 1; 15 requestAnimationFrame(() => { 16 takeScreenshot(); 17 }); 18 })); 19 } 20 </script> 21 </html>