far-away-capture-ref.html (647B)
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 </style> 23 24 <div class=flex> 25 <div class=box>500</div> 26 <div class=box>2000</div> 27 <div class=box>3500</div> 28 <div class=box>5000</div> 29 <div class=box>6500</div> 30 </div>