tor-browser

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

at-rule-opt-in-auto.html (964B)

      1 <!DOCTYPE html>
      2 <html class="reftest-wait">
      3 <title>View Transitions: @view-transition opt in for auto (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: auto;
     13 }
     14 html {
     15  background: grey;
     16 }
     17 html::view-transition-group(root) { animation-duration: 300s; }
     18 /* Hold the old image for the entire duration. */
     19 html::view-transition-old(root) {
     20  animation: none;
     21  opacity: 1;
     22 }
     23 html::view-transition-new(root) {
     24  animation: none;
     25  opacity: 0;
     26 }
     27 html::view-transition-old(root) {
     28  animation-duration: 3s;
     29  width: 50vw;
     30  height: 100vh;
     31  position: fixed;
     32  left: 0px;
     33  top: 0px;
     34 }
     35 html::view-transition-new(root) {
     36  animation-duration: 3s;
     37  width: 50vw;
     38  height: 100vh;
     39  position: fixed;
     40  left: 50vw;
     41  top: 0px;
     42 }
     43 </style>
     44 </html>