10 background-color: blue;
11 -webkit-transition-property: left;
12 -webkit-transition-duration: 0.5s;
15 <script src="transition-end-event-helpers.js"></script>
16 <script type="text/javascript">
18 var expectedEndEvents = [
19 // [property-name, element-id, elapsed-time, listen]
20 ["left", "box1", 0.5, false]
25 window.onwebkittransitionend = recordTransitionEndEvent;
27 var box = document.getElementById('box1');
28 box.style.left = '200px';
31 runTransitionTest(expectedEndEvents, setupTest);
36 <p>Initiating a 500ms transition on the left property of box1 and catching it on the window.</p>
39 <div id="box1" class="box"></div>
42 <div id="result"></div>