| OLD | NEW |
|---|
| 1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
| 2 <div class="target">all 10ms</div><br> | 2 <div class="target">all 10ms</div><br> |
| 3 <div class="target">perspective-origin 10ms</div><br> | 3 <div class="target">perspective-origin 10ms</div><br> |
| 4 <div class="target">-webkit-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> | 5 <div class="target">-webkit-perspective-origin-x 10ms</div><br> |
| 6 <div class="target">-webkit-perspective-origin-y 10ms</div><br> | 6 <div class="target">-webkit-perspective-origin-y 10ms</div><br> |
| 7 <script> | 7 <script> |
| 8 'use strict'; |
| 9 var remaining = 0; |
| 8 if (window.testRunner) { | 10 if (window.testRunner) { |
| 9 testRunner.dumpAsText(); | 11 testRunner.dumpAsText(); |
| 10 testRunner.waitUntilDone(); | 12 testRunner.waitUntilDone(); |
| 11 } | 13 } |
| 12 | 14 |
| 13 document.addEventListener('transitionend', function(e) { | 15 document.addEventListener('transitionend', function(e) { |
| 14 var result = document.createElement('div'); | 16 var result = document.createElement('div'); |
| 15 result.textContent = 'fired transitionend with propertyName: ' + e.propertyNam
e; | 17 result.textContent = 'fired transitionend with propertyName: ' + e.propertyNam
e; |
| 16 e.target.appendChild(result); | 18 e.target.appendChild(result); |
| 17 if (window.testRunner) { | 19 --remaining; |
| 18 // All events should be fired by next frame. | 20 if (remaining === 0 && window.testRunner) { |
| 19 requestAnimationFrame(function() { | 21 testRunner.notifyDone(); |
| 20 testRunner.notifyDone(); | |
| 21 }); | |
| 22 } | 22 } |
| 23 }); | 23 }); |
| 24 | 24 |
| 25 onload = function() { | 25 onload = function() { |
| 26 var targets = document.querySelectorAll('.target'); | 26 var targets = document.querySelectorAll('.target'); |
| 27 for (var i = 0; i < targets.length; i++) { | 27 for (var i = 0; i < targets.length; i++) { |
| 28 targets[i].offsetTop; | 28 targets[i].offsetTop; |
| 29 targets[i].style.transition = targets[i].textContent; | 29 targets[i].style.transition = targets[i].textContent; |
| 30 targets[i].style.webkitPerspectiveOriginX = '10px'; | 30 targets[i].style.webkitPerspectiveOriginX = '10px'; |
| 31 targets[i].style.webkitPerspectiveOriginY = '10px'; | 31 targets[i].style.webkitPerspectiveOriginY = '10px'; |
| 32 targets[i].style.perspectiveOrigin = '10px 10px'; | 32 targets[i].style.perspectiveOrigin = '10px 10px'; |
| 33 ++remaining; |
| 33 } | 34 } |
| 34 }; | 35 }; |
| 35 </script> | 36 </script> |
| OLD | NEW |
|---|
Chromium Code Reviews
Issue 2616603003:
CSS Transitions: Fix flaky unprefixed-perspective-origin.html (Closed)
