third_party/WebKit/LayoutTests/transitions/unprefixed-perspective.html

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