9 background-color: blue;
10 -webkit-transition-property: -webkit-transform;
11 -webkit-transition-duration: 3s;
12 -webkit-transform: translate(0, 0) rotate(0);
17 if (window.layoutTestController) {
18 layoutTestController.dumpAsText();
19 layoutTestController.waitUntilDone();
24 var c = new WebKitCSSMatrix(window.getComputedStyle(document.getElementById('box')).webkitTransform);
25 var result = (c.f < 200) ? 'PASS' : 'FAIL: transition should still be running, so y < 200';
26 document.getElementById('result').innerHTML = result;
28 if (window.layoutTestController)
29 layoutTestController.notifyDone();
34 var box = document.getElementById('box');
35 box.style.webkitTransform = 'translate(100px, 0) rotate(0)';
37 window.setTimeout(function() {
38 box.style.webkitTransform = 'translate(0, 200px) rotate(10deg)';
39 window.setTimeout(function() {
44 window.addEventListener('load', startTest, false)
48 <p>Box should start moving right, then move down</p>