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

   1 <!DOCTYPE html>
   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>
   7 <script>
   8 if (window.testRunner) {
   9   testRunner.dumpAsText();
  10   testRunner.waitUntilDone();
  11 }
  12
  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();
  21     });
  22   }
  23 });
  24
  25 onload = function() {
  26   var targets = document.querySelectorAll('.target');
  27   for (var i = 0; i < targets.length; i++) {
  28     targets[i].offsetTop;
  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';
  33   }
  34 };
  35 </script>