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 transform: translateX(
0);
26 -webkit-animation-timing-function: ease-out;
29 transform: translateX(
100px);
30 -webkit-animation-timing-function: linear;
33 transform: translateX(
500px);
34 -webkit-animation-timing-function: ease-in;
37 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 // [time, element-id, property, expected-value, tolerance]
47 [
0.75,
"box",
"webkitTransform.4",
300,
20],
50 runAnimationTest(expectedValues);
55 Tests whether timing functions inside keyframes are respected.