auto-name-from-id.html (706B)
1 <!DOCTYPE html> 2 <html class="reftest-wait"> 3 <title>View transitions: cross-document navigation with auto name</title> 4 <link rel="help" href="https://drafts.csswg.org/css-view-transitions-2/"> 5 <link rel="match" href="auto-name-from-id-ref.html"> 6 <script src="/common/reftest-wait.js"></script> 7 <style> 8 @view-transition { navigation: auto; } 9 body { 10 background: blue; 11 margin: 0; 12 } 13 #green { 14 width: 100px; 15 height: 100px; 16 view-transition-name: auto; 17 background: green; 18 contain: layout; 19 } 20 </style> 21 <div id="green"></div> 22 <script> 23 onload = async() => { 24 await new Promise(resolve => requestAnimationFrame(() => resolve())); 25 location.href = "resources/auto-name-from-id.html"; 26 }; 27 </script> 28 </html>