Merge Chromium + Blink git repositories
[chromium-blink-merge.git] / third_party / WebKit / LayoutTests / transitions / transition-end-event-transform.html
blobabd4e760fb24b127b217d9a7199f42685e3f6590
1 <html>
2 <head>
3 <style>
4 .box {
5 position: relative;
6 left: 0;
7 height: 100px;
8 width: 100px;
9 margin: 10px;
10 background-color: blue;
11 -webkit-transition-property: transform;
12 -webkit-transition-duration: 0.5s;
13 transform: translate(100px);
15 </style>
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 ["transform", "box1", 0.5, true]
24 function setupTest()
26 var box = document.getElementById('box1');
27 box.style.webkitTransform = 'translate(200px)';
30 runTransitionTest(expectedEndEvents, setupTest);
31 </script>
32 </head>
33 <body>
35 <p>Initiating a 500ms transition on the transform property of box1.</p>
37 <div id="container">
38 <div id="box1" class="box"></div>
39 </div>
41 <div id="result"></div>
43 </body>
44 </html>