| OLD | NEW | 
|---|
| (Empty) |  | 
|  | 1 <!DOCTYPE html> | 
|  | 2 <div class="target">all 10ms</div><br> | 
|  | 3 <div class="target">perspective 10ms</div><br> | 
|  | 4 <div class="target">-webkit-perspective 10ms</div><br> | 
|  | 5 <script> | 
|  | 6 if (window.testRunner) { | 
|  | 7   testRunner.dumpAsText(); | 
|  | 8   testRunner.waitUntilDone(); | 
|  | 9 } | 
|  | 10 | 
|  | 11 document.addEventListener('transitionend', function(e) { | 
|  | 12   var result = document.createElement('div'); | 
|  | 13   result.textContent = 'fired transitionend with propertyName: ' + e.propertyNam
    e; | 
|  | 14   e.target.appendChild(result); | 
|  | 15   if (window.testRunner) { | 
|  | 16     // All events should be fired by next frame. | 
|  | 17     requestAnimationFrame(function() { | 
|  | 18       testRunner.notifyDone(); | 
|  | 19     }); | 
|  | 20   } | 
|  | 21 }); | 
|  | 22 | 
|  | 23 onload = function() { | 
|  | 24   var targets = document.querySelectorAll('.target'); | 
|  | 25   for (var i = 0; i < targets.length; i++) { | 
|  | 26     targets[i].offsetTop; | 
|  | 27     targets[i].style.transition = targets[i].textContent; | 
|  | 28     targets[i].style.webkitPerspective = '10px'; | 
|  | 29     targets[i].style.perspective = '10px'; | 
|  | 30   } | 
|  | 31 }; | 
|  | 32 </script> | 
| OLD | NEW | 
|---|