root-element-transition-no-opt-in-on-old.html (788B)
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-no-opt-in-ref.html"> 7 <script src="/common/reftest-wait.js"></script> 8 <style> 9 html { 10 background: blue; 11 } 12 .hidden { 13 width: 10px; 14 height: 10px; 15 view-transition-name: hidden; 16 background: green; 17 contain: layout; 18 } 19 </style> 20 <div class="hidden"></div> 21 <script> 22 function runTest() { 23 const url = "resources/root-element-transition.html"; 24 window.location.replace(new URL(url, window.location)); 25 } 26 onload = () => requestAnimationFrame(() => requestAnimationFrame(runTest)); 27 </script> 28 </html>