view-transition-name-removed-mid-transition-ref.html (578B)
1 <!DOCTYPE html> 2 <html> 3 <title>View transitions: view-transition-name removed mid transition (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 7 <style> 8 .foo { 9 position: fixed; 10 left: 0; 11 top: 0; 12 background: red; 13 width: 100px; 14 height: 100px; 15 z-index: 1000; 16 } 17 18 .bar { 19 position: fixed; 20 left: 50px; 21 top: 50px; 22 background: green; 23 width: 100px; 24 height: 100px; 25 } 26 </style> 27 28 <div class="target" id="target"> 29 <div class="foo"></div> 30 </div> 31 <div class="bar"></div>