10 background-color: blue;
11 -webkit-transition-property: -webkit-transform;
12 -webkit-transition-duration: 0.5s;
13 -webkit-transform: translate(100px);
16 <script src="transition-end-event-helpers.js"></script>
17 <script type="text/javascript">
19 var expectedEndEvents = [
20 // [property-name, element-id, elapsed-time, listen]
21 ["-webkit-transform", "box1", 0.5, true]
26 var box = document.getElementById('box1');
27 box.style.webkitTransform = 'translate(200px)';
30 runTransitionTest(expectedEndEvents, setupTest);
35 <p>Initiating a 500ms transition on the transform property of box1.</p>
38 <div id="box1" class="box"></div>
41 <div id="result"></div>