LayoutTests/animations/keyframes-infinite-iterations.html

   1 <html>
   2 <head>
   3   <style>
   4     #box {
   5         position: absolute;
   6         left: 0;
   7         top: 100px;
   8         height: 100px;
   9         width: 100px;
  10         background-color: red;
  11         -webkit-animation-duration: 1s;
  12         -webkit-animation-timing-function: linear;
  13         -webkit-animation-iteration-count: infinite;
  14         -webkit-animation-name: "anim";
  15     }
  16     @-webkit-keyframes "anim" {
  17         from { left: 0px; }
  18         to   { left: 100px; }
  19     }
  20   </style>
  21   <script src="resources/animation-test-helpers.js" type="text/javascript" charset="utf-8"></script>
  22   <script type="text/javascript" charset="utf-8">
  23     const expectedValues = [
  24       // [animation-name, time, element-id, property, expected-value, tolerance]
  25       ["anim", 2.5, "box", "left", 50, 5],
  26     ];
  27
  28     runAnimationTest(expectedValues);
  29   </script>
  30 </head>
  31 <body>
  32 <div id="box"></div>
  33 <div id="result"></div>
  34 </body>
  35 </html>