tor-browser

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

fill-box-mutation-001.html (777B)

      1 <!DOCTYPE html>
      2 <html class="reftest-wait">
      3 <title>transform-box: fill-box, shape mutated</title>
      4 <link rel="match" href="reference/greensquare200x200.html">
      5 <link rel="help" href="https://drafts.csswg.org/css-transforms/#transform-box">
      6 <style>
      7 #target {
      8  transform-box: fill-box;
      9  transform: translate(-50%, 0);
     10 }
     11 </style>
     12 <p>There should be a green 200x200 rectangle below, and no red.</p>
     13 <svg width="400" height="200">
     14  <rect width="200" height="200" fill="red"/>
     15  <rect id="target" x="100" width="100" height="200" fill="green"/>
     16 </svg>
     17 <script>
     18 requestAnimationFrame(function() {
     19  requestAnimationFrame(function() {
     20    document.querySelector('#target').setAttribute('width', 200);
     21    document.documentElement.classList.remove('reftest-wait');
     22  });
     23 });
     24 </script>