tor-browser

The Tor Browser
git clone https://git.dasho.dev/tor-browser.git
Log | Files | Refs | README | LICENSE

no-named-elements.html (927B)

      1 <!DOCTYPE html>
      2 <html class=reftest-wait>
      3 <title>View transitions: no named elements</title>
      4 <link rel="help" href="https://drafts.csswg.org/css-view-transitions-1/">
      5 <link rel="author" href="mailto:khushalsagar@chromium.org">
      6 <link rel="match" href="no-named-elements-ref.html">
      7 
      8 <script src="/common/reftest-wait.js"></script>
      9 <script src="/common/rendering-utils.js"></script>
     10 <style>
     11 body { background: red; }
     12 
     13 :root { view-transition-name: none; }
     14 
     15 @keyframes no-op {
     16  from {opacity: 1;}
     17  to {opacity: 1;}
     18 }
     19 
     20 :root::view-transition {
     21  width: 100%;
     22  height: 100%;
     23  background: blue;
     24  animation: no-op 300s;
     25 }
     26 </style>
     27 <script>
     28 failIfNot(document.startViewTransition, "Missing document.startViewTransition");
     29 
     30 async function runTest() {
     31  let transition = document.startViewTransition();
     32  transition.ready.then(takeScreenshot);
     33 }
     34 onload = () => requestAnimationFrame(() => requestAnimationFrame(runTest));
     35 </script>