2 <div class=
"target">all
10ms
</div><br>
3 <div class=
"target">perspective-origin
10ms
</div><br>
4 <div class=
"target">-webkit-perspective-origin
10ms
</div><br>
5 <div class=
"target">-webkit-perspective-origin-x
10ms
</div><br>
6 <div class=
"target">-webkit-perspective-origin-y
10ms
</div><br>
8 if (window
.testRunner
) {
9 testRunner
.dumpAsText();
10 testRunner
.waitUntilDone();
13 document
.addEventListener('transitionend', function(e
) {
14 var result
= document
.createElement('div');
15 result
.textContent
= 'fired transitionend with propertyName: ' + e
.propertyName
;
16 e
.target
.appendChild(result
);
17 if (window
.testRunner
) {
18 // All events should be fired by next frame.
19 requestAnimationFrame(function() {
20 testRunner
.notifyDone();
26 var targets
= document
.querySelectorAll('.target');
27 for (var i
= 0; i
< targets
.length
; i
++) {
29 targets
[i
].style
.transition
= targets
[i
].textContent
;
30 targets
[i
].style
.webkitPerspectiveOriginX
= '10px';
31 targets
[i
].style
.webkitPerspectiveOriginY
= '10px';
32 targets
[i
].style
.perspectiveOrigin
= '10px 10px';