element-with-overflow-ref.html (862B)
1 <!DOCTYPE html> 2 <html> 3 <title>View transitions: element with overflow ref</title> 4 <link rel="help" href="https://drafts.csswg.org/css-view-transitions-1/"> 5 <link rel="author" href="mailto:khushalsagar@chromium.org"> 6 <style> 7 .old_target { 8 position: fixed; 9 top: 0px; 10 left: 0px; 11 width: 100px; 12 height: 100px; 13 background: lightblue; 14 transform: translate(8px, 8px); 15 } 16 17 .new_target { 18 position: fixed; 19 top: 200px; 20 left: 0; 21 width: 100px; 22 height: 100px; 23 background: lightgreen; 24 transform: translate(8px, 8px); 25 } 26 27 .inner { 28 width: 100px; 29 height: 100px; 30 position: relative; 31 top: 50px; 32 left: 50px; 33 border: 5px solid black; 34 } 35 </style> 36 <div class="old_target"> 37 <div class="inner"></div> 38 </div> 39 <div class="new_target"> 40 <div class="inner" style="border:5px solid blue"></div> 41 </div>