tor-browser

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

content-visibility-auto-shared-element-ref.html (735B)

      1 <!DOCTYPE html>
      2 <html>
      3 <title>View transitions: offscreen content</title>
      4 <link rel="help" href="https://drafts.csswg.org/css-view-transitions-1/">
      5 <link rel="author" href="mailto:vmpstr@chromium.org">
      6 <style>
      7 body { background: pink }
      8 .flex {
      9  display: flex;
     10  flex-direction: row;
     11  justify-content: flex-start;
     12  align-items: flex-start;
     13 }
     14 .box {
     15  width: 100px;
     16  height: 500px;
     17  contain: paint;
     18  background: green;
     19  border: 1px solid black;
     20  box-sizing: border-box;
     21 }
     22 .vis-hidden {
     23  visibility: hidden;
     24 }
     25 .cv-hidden {
     26  content-visibility: hidden;
     27 }
     28 </style>
     29 
     30 <div class=flex>
     31 <div class="box vis-hidden">ancestor c-v</div>
     32 <div class="box cv-hidden">self c-v</div>
     33 <div class="box cv-hidden">descendant c-v</div>
     34 </div>