tor-browser

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

contain-paint-change-opacity.html (697B)


      1 <!DOCTYPE html>
      2 <html class="reftest-wait">
      3 <link rel="help" href="https://drafts.csswg.org/css-contain-2/#contain-property">
      4 <link rel="match" href="../reference/ref-filled-green-100px-square.xht">
      5 <script src="/common/reftest-wait.js"></script>
      6 <script src="/common/rendering-utils.js"></script>
      7 <p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
      8 <div style="width: 100px; background: red">
      9  <div id="container" style="contain: paint; opacity: 0.1">
     10    <div style="height: 100px; background: green; position: relative"></div>
     11  </div>
     12 </div>
     13 <script>
     14 waitForAtLeastOneFrame().then(() => {
     15  container.style.opacity = 1;
     16  takeScreenshot();
     17 });
     18 </script>
     19 </html>