third_party/WebKit/LayoutTests/animations/end-exclusive.html

   1 <!DOCTYPE html>
   2 <style type="text/css" media="screen">
   3 #anim {
   4   position: relative;
   5   left: 0px;
   6   height: 100px;
   7   width: 100px;
   8   -webkit-animation-name: anim;
   9   -webkit-animation-duration: 1s;
  10   -webkit-animation-timing-function: linear;
  11   background: blue;
  12 }
  13 #fillanim {
  14   position: relative;
  15   left: 0px;
  16   height: 100px;
  17   width: 100px;
  18   -webkit-animation-name: anim;
  19   -webkit-animation-duration: 1s;
  20   -webkit-animation-fill-mode: forwards;
  21   -webkit-animation-timing-function: linear;
  22   background: blue;
  23 }
  24 @-webkit-keyframes anim {
  25   from { left: 200px; }
  26   to   { left: 300px; }
  27 }
  28 </style>
  29 <script src="resources/animation-test-helpers.js"></script>
  30 <script>
  31 const expectedValues = [
  32     // [time, element-id, property, expected-value, tolerance]
  33     [1, "anim", "left", 0, 0],
  34     [1, "fillanim", "left", 300, 0],
  35 ];
  36 runAnimationTest(expectedValues);
  37 </script>
  38 <div id="anim"></div>
  39 <div id="fillanim"></div>