9 background-color: blue;
10 transform: translateX(0px);
11 -webkit-transition-duration: 1s;
12 -webkit-transition-timing-function: steps(3, end);
13 -webkit-transition-property: transform;
16 <script src="../animations/resources/animation-test-helpers.js"></script>
17 <script type="text/javascript">
19 const expectedValues = [
20 // [time, element-id, property, expected-value, tolerance]
21 [0.25, "box", "-webkit-transform.4", 0, 5],
22 [0.5, "box", "-webkit-transform.4", 66, 5],
23 [0.75, "box", "-webkit-transform.4", 133, 5],
28 var box = document.getElementById('box');
29 box.style.webkitTransform = 'translateX(200px)';
32 runTransitionTest(expectedValues, setupTest);
38 The box should move horizontally 200px over 1s, in 3 equal increments.