Attachment 340560 Details for Bug 170784 – Testcase

Testcase

170784.html (text/html), 902 bytes, created by Frédéric Wang (:fredw) on 2018-05-17 01:06:03 PDT

(hide)

Description:

Filename:

MIME Type:

Creator: Frédéric Wang (:fredw)

Created: 2018-05-17 01:06:03 PDT

Size: 902 bytes

patch

obsolete

<!DOCTYPE html>
<html>
  <head>
    <title>Bug 170784</title>
    <meta charset="utf-8"/>
    <style>
      #square1, #square2, #square3 {
        width: 100px;
        height: 100px;
        background: green;
        animation: mymove 1s infinite linear;
      }
      .pause {
        background: red !important;
        animation-play-state: paused !important;
      }
      @keyframes mymove
      {
        100% {
          opacity: .1;
        }
      }
      </style>
      <script>
	function init() {
	   setTimeout(function() {
	     document.getElementById('square3').classList.add('pause');
	   }, 2500);
	}
      </script>
  </head>
  <body onload="init()">
    <p>This square should blink:  <div id="square1"></div></p>
    <p>This square should not blink: <div id="square2" class="pause"></div></p>
    <p>This square should stop blinking: <div id="square3"></div></p>
  </body>
</html>

Actions: View

Attachments on bug 170784: 340559 | 340560 | 341453 | 341454 | 341646 | 341650 | 342245 | 342414 | 342422 | 344170