5 <style type=
"text/css" media=
"screen">
11 background-color: blue;
14 #movers.moved
> .box {
15 -webkit-animation: move
1s linear;
19 -webkit-animation-iteration-count:
1;
22 @-webkit-keyframes move {
27 <script src=
"resources/animation-test-helpers.js" type=
"text/javascript" charset=
"utf-8"></script>
28 <script type=
"text/javascript" charset=
"utf-8">
29 if (window.testRunner)
30 testRunner.waitUntilDone();
32 const expectedValues = [
33 // [time, element-id, property, expected-value, tolerance]
34 [
0.5,
"control",
"left",
200,
10],
35 [
0.5,
"test",
"left",
200,
10],
40 document.getElementById('movers').className = 'moved';
41 runAnimationTest(expectedValues);
44 window.addEventListener('load', function() {
45 window.setTimeout(setupTest,
0);
50 <p>Animations should both use a linear timing function.
</p>
52 <div id=
"control" class=
"box"></div>
53 <div id=
"test" class=
"box"></div>
55 <div id=
"result"></div>