tor-browser

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

clip-path-transform-mutated-001.html (836B)

      1 <!DOCTYPE html>
      2 <title>CSS Masking: Test clip-path after updating its transform</title>
      3 <link rel="author" title="Fredrik Söderquist" href="mailto:fs@opera.com">
      4 <link rel="help" href="https://drafts.fxtf.org/css-masking-1/#the-clip-path">
      5 <link rel="issue" href="https://bugs.chromium.org/p/chromium/issues/detail?id=881700">
      6 <link rel="match" href="reference/clip-path-transform-mutated-001-ref.html">
      7 <meta name="assert" content="This test ensures that updating clipPath transform works properly.">
      8 <script>
      9 setup({ explicit_done: true });
     10 </script>
     11 <style>
     12 #target {
     13  width: 100px;
     14  height: 100px;
     15  background-color: green;
     16  clip-path: url(#clip);
     17 }
     18 </style>
     19 <div id="target"></div>
     20 <svg>
     21  <clipPath id="clip">
     22    <rect width="1" height="1"/>
     23  </clipPath>
     24 </svg>
     25 <script>
     26 clip.style.transform = 'scale(100, 100)';
     27 </script>