2011-06-23 Young Han Lee <joybro@company100.net>
[WebKit-https.git] / 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>