nested-elements-in-overflow-ref.html (651B)
1 <!DOCTYPE html> 2 <html> 3 <title>View transitions: nested named element in overflow</title> 4 <link rel="help" href="https://drafts.csswg.org/css-view-transitions-1/"> 5 <style> 6 body { 7 background: rebeccapurple; 8 margin: 0; 9 } 10 .outer { 11 width: 50px; 12 height: 100px; 13 position: absolute; 14 top: 50px; 15 left: 50px; 16 border: 2px solid black; 17 } 18 .inner { 19 background: lightblue; 20 width: 50px; 21 height: 50px; 22 view-transition-name: outer; 23 position: absolute; 24 top: 25px; 25 } 26 .grey { 27 background: lightgrey; 28 position: relative; 29 width: 50px; 30 height: 50px; 31 } 32 </style> 33 <div class="outer"> 34 <div class="inner"></div> 35 </div> 36 <div class="grey"></div>