nothing-captured-ref.html (617B)
1 <!DOCTYPE html> 2 <title>View transitions: shared element with overflow (ref)</title> 3 <link rel="help" href="https://drafts.csswg.org/css-view-transitions-1/"> 4 <link rel="author" href="mailto:khushalsagar@chromium.org"> 5 <style> 6 .target { 7 width: 100px; 8 height: 100px; 9 contain: paint; 10 background: blue; 11 overflow-clip-margin: 50px; 12 view-transition-name: target; 13 } 14 .child { 15 width: 200px; 16 height: 200px; 17 position: relative; 18 top: 50px; 19 left: 50px; 20 background: green; 21 } 22 </style> 23 24 This text should appear unmodified, since the root isn't captured. 25 <div class=target> 26 <div class=child> 27 </div> 28 </div>