| OLD | NEW |
|---|
| 1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
| 2 <style> |
| 3 .target { |
| 4 -webkit-perspective: 20px; |
| 5 perspective: 20px; |
| 6 } |
| 7 </style> |
| 2 <div class="target">all 10ms</div><br> | 8 <div class="target">all 10ms</div><br> |
| 3 <div class="target">perspective 10ms</div><br> | 9 <div class="target">perspective 10ms</div><br> |
| 4 <div class="target">-webkit-perspective 10ms</div><br> | 10 <div class="target">-webkit-perspective 10ms</div><br> |
| 5 <script> | 11 <script> |
| 6 if (window.testRunner) { | 12 if (window.testRunner) { |
| 7 testRunner.dumpAsText(); | 13 testRunner.dumpAsText(); |
| 8 testRunner.waitUntilDone(); | 14 testRunner.waitUntilDone(); |
| 9 } | 15 } |
| 10 | 16 |
| 11 document.addEventListener('transitionend', function(e) { | 17 document.addEventListener('transitionend', function(e) { |
| (...skipping 11 matching lines...) Expand all Loading... |
| 23 onload = function() { | 29 onload = function() { |
| 24 var targets = document.querySelectorAll('.target'); | 30 var targets = document.querySelectorAll('.target'); |
| 25 for (var i = 0; i < targets.length; i++) { | 31 for (var i = 0; i < targets.length; i++) { |
| 26 targets[i].offsetTop; | 32 targets[i].offsetTop; |
| 27 targets[i].style.transition = targets[i].textContent; | 33 targets[i].style.transition = targets[i].textContent; |
| 28 targets[i].style.webkitPerspective = '10px'; | 34 targets[i].style.webkitPerspective = '10px'; |
| 29 targets[i].style.perspective = '10px'; | 35 targets[i].style.perspective = '10px'; |
| 30 } | 36 } |
| 31 }; | 37 }; |
| 32 </script> | 38 </script> |
| OLD | NEW |
|---|
Chromium Code Reviews
Issue 955863002:
Support keywords in LengthStyleInterpolation (Closed)
Base URL: https://chromium.googlesource.com/chromium/blink.git@master