new-content-changes-overflow-ref.html (589B)
1 <!DOCTYPE html> 2 <title>View transitions: capture elements and then change overflow (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 body { background: pink } 7 #target { 8 position: relative; 9 background: green; 10 width: 100px; 11 height: 100px; 12 view-transition-name: target; 13 } 14 #child { 15 background: blue; 16 position: relative; 17 top: 20px; 18 left: 30px; 19 width: 50px; 20 height: 100px; 21 } 22 #child.large { 23 height: 200px; 24 } 25 </style> 26 27 <div id=target><div id=child class=large></div></div>