opacity-change-twice-stacking-context.html (710B)
1 <!doctype HTML> 2 <html class="reftest-wait"> 3 <title>CSS Test: Test for re-paint after stacking context changes opacity twice</title> 4 <link rel="help" href="https://www.w3.org/TR/CSS2/zindex.html"> 5 <link rel="match" href="opacity-change-twice-stacking-context-ref.html"> 6 <script src="/common/reftest-wait.js"></script> 7 <div id="target" style="width: 100px; height: 100px; z-index: 1; opacity: 0; background: blue; position: absolute"> 8 </div> 9 <script> 10 onload = () => { 11 requestAnimationFrame(() => requestAnimationFrame(() => { 12 target.style.opacity = 1; 13 target.offsetHeight; 14 target.style.opacity = 0.9; 15 takeScreenshot(); 16 })); 17 } 18 </script> 19 </html>