root-element-transition.html (817B)
1 <!DOCTYPE html> 2 <html class="reftest-wait"> 3 <title>View transitions: basic cross-document navigation</title> 4 <link rel="help" href="https://drafts.csswg.org/css-view-transitions-2/"> 5 <link rel="author" href="mailto:khushalsagar@chromium.org"> 6 <link rel="match" href="root-element-transition-ref.html"> 7 <script src="/common/reftest-wait.js"></script> 8 <style> 9 @view-transition { navigation: auto; } 10 html { 11 background: blue; 12 } 13 .hidden { 14 width: 10px; 15 height: 10px; 16 view-transition-name: hidden; 17 background: green; 18 contain: layout; 19 } 20 </style> 21 <div class="hidden"></div> 22 <script> 23 function runTest() { 24 const url = "resources/root-element-transition.html"; 25 window.location.replace(new URL(url, window.location)); 26 } 27 onload = () => requestAnimationFrame(() => requestAnimationFrame(runTest)); 28 </script> 29 </html>