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