layout/reftests/css-transitions/background-color-with-opacity.html

   1 <!DOCTYPE html>
   2 <html class="reftest-wait reftest-no-flush">
   3 <style>
   4 #target {
   5   background-color: green;
   6   width: 100px;
   7   height: 100px;
   8   transition: background-color 100s steps(1, end);
   9   opacity: 0.5;
  10 }
  11 #target.hover {
  12   background-color: white;
  13 }
  14 </style>
  15 <div id="target"></div>
  16 <script>
  17 document.addEventListener('MozReftestInvalidate', () => {
  18   target.className = 'hover';
  19   target.addEventListener('transitionstart', () => {
  20     document.documentElement.classList.remove('reftest-wait');
  21   });
  22 }, false);
  23 </script>
  24 </html>