tor-browser

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

adjust-transform-with-scale.tentative.html (995B)


      1 <!DOCTYPE html>
      2 <html class=reftest-wait>
      3 <title>Nested group name should match direct parent</title>
      4 <meta name=fuzzy content="maxDifference=0-255; totalPixels=0-1250">
      5 <link rel="help" href="https://drafts.csswg.org/css-view-transitions-2/">
      6 <link rel="match" href="nested-ref-100.html">
      7 <link rel=stylesheet href="resources/pause-view-transitions.css"></link>
      8 <script src="/common/reftest-wait.js"></script>
      9 <script src="resources/compute-test.js"></script>
     10 <style>
     11    body {
     12        margin: 0;
     13    }
     14    div {
     15        position: absolute;
     16        width: 25px;
     17        height: 25px;
     18        transform-origin: 0 0;
     19        scale: 2;
     20    }
     21 
     22    .parent {
     23        view-transition-name: parent;
     24        top: 50px;
     25        left: 50px;
     26    }
     27 
     28    .child {
     29        top: 25px;
     30        left: 25px;
     31        view-transition-name: child;
     32        view-transition-group: parent;
     33        background: green;
     34    }
     35 </style>
     36 <body>
     37    <div class="parent">
     38        <div class="child"></div>
     39    </div>
     40 </body>