tor-browser

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

background-image-none-gradient-repaint.html (939B)

      1 <!DOCTYPE html>
      2 <html class="reftest-wait">
      3 <meta charset="utf-8">
      4 <title>CSS Backgrounds and Borders: Repaint gradient change in second layer</title>
      5 <link rel="author" title="Rune Lillesveen" href="mailto:futhark@chromium.org">
      6 <link rel="match" href="background-clip-color-repaint-ref.html">
      7 <link rel="help" href="https://drafts.csswg.org/css-backgrounds/#layering">
      8 <meta name="fuzzy" content="maxDifference=0-1; totalPixels=0-9693" />
      9 <style>
     10  #box {
     11    width: 150px;
     12    height: 150px;
     13  }
     14  .red {
     15    background: none, linear-gradient(to right, red, red);
     16  }
     17  .green {
     18    background: none, linear-gradient(to right, green, green);
     19  }
     20 </style>
     21 <p>There should be a green square below.</p>
     22 <div id="box" class="red"></div>
     23 <script>
     24  requestAnimationFrame(function(){
     25    requestAnimationFrame(function(){
     26      box.className = "green";
     27      document.documentElement.classList.remove("reftest-wait");
     28    });
     29  });
     30 </script>