9 background-color: blue;
10 -webkit-transition-duration:
2s;
11 transform: translate(
0,
0);
16 if (window
.testRunner
) {
17 testRunner
.dumpAsText();
18 testRunner
.waitUntilDone();
23 var c
= new WebKitCSSMatrix(window
.getComputedStyle(document
.getElementById('box')).webkitTransform
);
24 var result
= (c
.f
< 200) ? 'PASS' : 'FAIL: transition should still be running, so y < 200';
25 document
.getElementById('result').innerHTML
= result
;
27 if (window
.testRunner
)
28 testRunner
.notifyDone();
33 var box
= document
.getElementById('box');
34 box
.style
.webkitTransform
= 'translate(100px, 0)';
36 window
.setTimeout(function() {
37 box
.style
.webkitTransform
= 'translate(0, 200px)';
38 window
.setTimeout(function() {
43 window
.addEventListener('load', startTest
, false)
47 <p>Box should start moving right, then move down
</p>