tor-browser

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

navigation-auto-excludes-reload.html (954B)


      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:bokan@chromium.org">
      6 <link rel="match" href="navigation-auto-excludes-reload-ref.html">
      7 <script src="/common/reftest-wait.js"></script>
      8 <style>
      9 @view-transition {
     10  navigation: auto;
     11 }
     12 html {
     13  background: limegreen;
     14 }
     15 ::view-transition {
     16  background-color: red;
     17 }
     18 ::view-transition-group(root) {
     19  animation-duration: 300s;
     20 }
     21 ::view-transition-old(root),
     22 ::view-transition-new(root) {
     23  opacity: 0;
     24  animation: none;
     25 }
     26 </style>
     27 <script>
     28 if (location.hash == '#loaded') {
     29  onload = () => requestAnimationFrame(() => requestAnimationFrame(takeScreenshot));
     30 } else {
     31  onload = () => requestAnimationFrame(() => requestAnimationFrame(runTest));
     32 }
     33 
     34 function runTest() {
     35  location.hash = 'loaded';
     36  location.reload();
     37 }
     38 </script>
     39 </html>