| OLD | NEW |
|---|
| (Empty) | |
| 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.propertyNam
e; |
| 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> |
| OLD | NEW |
|---|
Chromium Code Reviews
Issue 98663004:
Add support for unprefixed CSS Transforms (Closed)
Base URL: svn://svn.chromium.org/blink/trunk