| <!DOCTYPE html> |
| <title>View transitions: outgoing viewport has scrollbars (ref)</title> |
| <link rel="help" href="https://drafts.csswg.org/css-view-transitions-1/"> |
| <link rel="help" href="https://github.com/w3c/csswg-drafts/issues/7859"> |
| <link rel="author" href="mailto:bokan@chromium.org"> |
| <style> |
| html, body { |
| width: 100%; |
| height: 100%; |
| background-color: lightpink; |
| } |
| html { |
| overflow: hidden; |
| } |
| body { |
| margin: 50px; |
| } |
| div { |
| background-image: |
| linear-gradient(45deg, #000 25%, transparent 25%), |
| linear-gradient(45deg, transparent 75%, #000 75%), |
| linear-gradient(45deg, transparent 75%, #000 75%), |
| linear-gradient(45deg, #000 25%, lightgreen 25%); |
| background-size: 200px 200px; |
| background-position: 0 0, 0 0, -100px -100px, 100px 100px; |
| width: 200%; |
| height: 200%; |
| } |
| </style> |
| <div></div> |
