Merge Chromium + Blink git repositories
[chromium-blink-merge.git] / third_party / WebKit / LayoutTests / animations / animation-offscreen-to-onscreen.html
bloba5d14f0cdc58e30c675cedaa76997dd9c8ae0a57
1 <html>
2 <head>
3 <style type="text/css" media="screen">
4 body {
5 margin: 0;
8 #box {
9 position: absolute;
10 left: 0px;
11 top: 100px;
12 height: 100px;
13 width: 100px;
14 margin: 0;
15 background-color: green;
16 transform: translate(-2000px, 0px);
17 -webkit-animation-duration: 1s;
18 -webkit-animation-direction: normal;
19 -webkit-animation-timing-function: linear;
20 -webkit-animation-name: anim;
22 @-webkit-keyframes anim {
23 0% { transform: translate(100px, 0px); }
24 100% { transform: translate(100px, 0px); }
26 </style>
27 <script src="resources/animation-test-helpers.js" type="text/javascript"></script>
28 <script type="text/javascript" charset="utf-8">
29 if (window.testRunner) {
30 window.testRunner.dumpAsTextWithPixelResults();
33 const expectedValues = [
34 // [time, element-id, property, expected-value, tolerance]
35 [0.5, "box", "webkitTransform", [1, 0, 0, 1, 100, 0], 0.002],
38 const doPixelTest = true;
39 const disablePauseAnimationAPI = false;
40 runAnimationTest(expectedValues, null, null, disablePauseAnimationAPI, doPixelTest);
41 </script>
42 </head>
43 <body>
44 <div id="box"></div>
45 <div id="result"></div>
46 </body>
47 </html>