9 background-color: blue;
10 -webkit-transition-property: transform;
11 -webkit-transition-duration:
3s;
12 transform: translate(
0,
0) rotate(
0);
17 if (window
.testRunner
) {
18 testRunner
.dumpAsText();
19 testRunner
.waitUntilDone();
24 var c
= new WebKitCSSMatrix(window
.getComputedStyle(document
.getElementById('box')).transform
);
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
.testRunner
)
29 testRunner
.notifyDone();
34 var box
= document
.getElementById('box');
35 box
.style
.transform
= 'translate(100px, 0) rotate(0)';
37 window
.setTimeout(function() {
38 box
.style
.transform
= '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>