tor-browser

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

content-with-clip-ref.html (744B)

      1 <!DOCTYPE html>
      2 <title>View transitions: element with clip (ref)</title>
      3 <link rel="help" href="https://drafts.csswg.org/css-view-transitions-1/">
      4 <link rel="author" href="mailto:vmpstr@chromium.org">
      5 <style>
      6 :root {
      7  scrollbar-width: none;
      8 }
      9 .target {
     10  contain: paint;
     11  width: 100px;
     12  height: 100vh;
     13  display: inline-block;
     14 }
     15 
     16 .embedded {
     17  width: 100%;
     18  height: 50%;
     19 }
     20 
     21 body {
     22  height: 150vh;
     23  background: pink;
     24 }
     25 </style>
     26 <div id="target1" class="target">
     27  <div class="embedded" style="background: green;"></div>
     28  <div class="embedded" style="background: blue"></div>
     29 </div>
     30 <div id="target2" class="target">
     31  <div class="embedded" style="background: green;"></div>
     32  <div class="embedded" style="background: blue"></div>
     33 </div>