4 <style type="text/css" media="screen">
14 background-color: green;
22 background-color: red;
33 -webkit-animation: move-left 2s linear;
37 -webkit-transform: translateX(200px);
38 -webkit-animation: move-transform 2s linear;
41 @-webkit-keyframes move-left {
58 @-webkit-keyframes move-transform {
60 -webkit-transform: translateX(0);
64 -webkit-transform: translateX(0);
76 visibility: hidden; /* hide from pixel results */
79 <script src="resources/animation-test-helpers.js" type="text/javascript"></script>
80 <script type="text/javascript">
82 const expectedValues = [
83 ["move-left", 1.5, "box1", "left", 100, 15],
84 ["move-transform", 1.5, "box2", "webkitTransform.4", 100, 15],
87 var doPixelTest = true;
88 var disablePauseAPI = false;
89 runAnimationTest(expectedValues, null, undefined, disablePauseAPI, doPixelTest);
93 <!-- In the pixel result, you should see two vertically adjacent green squares. There should be no red.
94 Test is only reliable when run in DRT. -->
95 <div class="indicator" id="indicator1"></div>
96 <div class="indicator" id="indicator2"></div>
98 <div class="box" id="box1"></div>
99 <div class="box" id="box2"></div>
101 <div id="result"></div>