third_party/WebKit/LayoutTests/transitions/unprefixed-transform-origin.html

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