5 <style type="text/css" media="screen">
9 border: 1px solid black;
18 background-color: blue;
19 -webkit-animation-name: move;
20 -webkit-animation-duration: 1.5s;
23 @-webkit-keyframes move {
25 -webkit-transform: translateX(0);
26 -webkit-animation-timing-function: ease-out;
29 -webkit-transform: translateX(100px);
30 -webkit-animation-timing-function: linear;
33 -webkit-transform: translateX(500px);
34 -webkit-animation-timing-function: ease-in;
37 -webkit-transform: translateX(600px);
42 <script src="resources/animation-test-helpers.js" type="text/javascript" charset="utf-8"></script>
43 <script type="text/javascript" charset="utf-8">
45 const expectedValues = [
46 // [animation-name, time, element-id, property, expected-value, tolerance]
47 ["move", 0.75, "box", "webkitTransform.4", 300, 20],
50 runAnimationTest(expectedValues);
55 Tests whether timing functions inside keyframes are respected.