dynamic-opacity-property-01.svg

Enable keyboard shortcuts

Checkerboard

<!--

     Any copyright is dedicated to the Public Domain.

     http://creativecommons.org/publicdomain/zero/1.0/

-->

<svg xmlns="http://www.w3.org/2000/svg" class="reftest-wait">

  <title>Test repainting for opacity property changes</title>

  <script>

function doTest() {

  document.getElementById("r").style.opacity = 1;

  document.documentElement.removeAttribute("class");

document.addEventListener("MozReftestInvalidate", doTest, false);

setTimeout(doTest, 4000); // fallback for running outside reftest

  </script>

  <rect width="100%" height="100%" fill="lime"/>

  <rect width="100" height="100" fill="red"/>

  <rect id="r" width="100" height="100" fill="lime" style="opacity:0.5"/>

</svg>