new-content-has-scrollbars-ref.html (828B)
1 <!DOCTYPE html> 2 <title>View transitions: incoming viewport has scrollbars (ref)</title> 3 <link rel="help" href="https://drafts.csswg.org/css-view-transitions-1/"> 4 <link rel="help" href="https://github.com/w3c/csswg-drafts/issues/7859"> 5 <link rel="author" href="mailto:bokan@chromium.org"> 6 <style> 7 html, body { 8 width: 100%; 9 height: 100%; 10 background-color: lightpink; 11 } 12 body { 13 margin: 50px; 14 } 15 div { 16 background-image: 17 linear-gradient(45deg, #000 25%, transparent 25%), 18 linear-gradient(45deg, transparent 75%, #000 75%), 19 linear-gradient(45deg, transparent 75%, #000 75%), 20 linear-gradient(45deg, #000 25%, lightgreen 25%); 21 background-size: 200px 200px; 22 background-position: 0 0, 0 0, -100px -100px, 100px 100px; 23 width: 200%; 24 height: 200%; 25 } 26 </style> 27 <div></div>