tor-browser

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

add-pseudo-while-animating-001.html (832B)

      1 <!DOCTYPE html>
      2 <html class="test-wait">
      3 <head>
      4 <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com">
      5 <link rel="help" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1267079">
      6 <style>
      7 
      8 @keyframes a {
      9    0% {
     10        border-radius: 1px;
     11    }
     12 }
     13 
     14 div {
     15    animation-name: a;
     16    animation-duration: 3s;
     17 }
     18 
     19 </style>
     20 <script>
     21 
     22 function addSheet(text)
     23 {
     24    var sheet = document.createElement("style");
     25    sheet.appendChild(document.createTextNode(text));
     26    document.head.appendChild(sheet);
     27 }
     28 
     29 function boom()
     30 {
     31    requestAnimationFrame(() => { requestAnimationFrame(() => {
     32        addSheet("div:after { content: 'Z'; }");
     33        document.documentElement.classList.remove("test-wait");
     34    }); });
     35 }
     36 
     37 window.addEventListener("load", boom, false);
     38 
     39 </script>
     40 </head>
     41 
     42 <body><div></div></body>
     43 </html>