tor-browser

The Tor Browser
git clone https://git.dasho.dev/tor-browser.git
Log | Files | Refs | README | LICENSE

opacity-change-parent-stacking-context.html (914B)

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