at-rule-opt-in-none.html (774B)
1 <!DOCTYPE html> 2 <html class="reftest-wait"> 3 <title>View Transitions: @view-transition opt out in new document (new page)</title> 4 <link rel="help" href="https://drafts.csswg.org/css-view-transitions-2/"> 5 <link rel="author" href="mailto:bokan@chromium.org"> 6 <script src="/common/reftest-wait.js"></script> 7 <script> 8 onload = takeScreenshot; 9 </script> 10 <style> 11 @view-transition { 12 navigation: none; 13 } 14 html { 15 background: grey; 16 } 17 html::view-transition-group(root) { animation-duration: 3s; } 18 html::view-transition-old(root) { 19 animation-duration: 3s; 20 width: 50vw; 21 height: 100vh; 22 position: fixed; 23 left: 0px; 24 top: 0px; 25 } 26 html::view-transition-new(root) { 27 animation-duration: 3s; 28 width: 50vw; 29 height: 100vh; 30 position: fixed; 31 left: 50vw; 32 top: 0px; 33 } 34 </style>