| OLD | NEW |
|---|
| 1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
| 2 | 2 |
| 3 <html> | 3 <html> |
| 4 <head> | 4 <head> |
| 5 <style> | 5 <style> |
| 6 #box { | 6 #box { |
| 7 position: relative; | 7 position: relative; |
| 8 height: 100px; | 8 height: 100px; |
| 9 width: 100px; | 9 width: 100px; |
| 10 background-color: blue; | 10 background-color: blue; |
| 11 transform: rotate(0); | 11 transform: rotate(0); |
| 12 -webkit-transition: transform, 2s; | 12 transition: transform, 2s; |
| 13 } | 13 } |
| 14 </style> | 14 </style> |
| 15 <script> | 15 <script> |
| 16 if (window.testRunner) { | 16 if (window.testRunner) { |
| 17 testRunner.dumpAsText(); | 17 testRunner.dumpAsText(); |
| 18 testRunner.waitUntilDone(); | 18 testRunner.waitUntilDone(); |
| 19 } | 19 } |
| 20 | 20 |
| 21 function finish() | 21 function finish() |
| 22 { | 22 { |
| 23 if (window.testRunner) | 23 if (window.testRunner) |
| 24 testRunner.notifyDone(); | 24 testRunner.notifyDone(); |
| 25 } | 25 } |
| 26 | 26 |
| 27 function returnToStart() | 27 function returnToStart() |
| 28 { | 28 { |
| 29 var box = document.getElementById('box'); | 29 var box = document.getElementById('box'); |
| 30 box.style.webkitTransform = 'rotate(0)'; | 30 box.style.transform = 'rotate(0)'; |
| 31 setTimeout(finish, 20); | 31 setTimeout(finish, 20); |
| 32 } | 32 } |
| 33 | 33 |
| 34 function start() | 34 function start() |
| 35 { | 35 { |
| 36 var box = document.getElementById('box'); | 36 var box = document.getElementById('box'); |
| 37 box.style.webkitTransform = 'rotate(180deg)'; | 37 box.style.transform = 'rotate(180deg)'; |
| 38 setTimeout(returnToStart, 20); | 38 setTimeout(returnToStart, 20); |
| 39 } | 39 } |
| 40 | 40 |
| 41 window.addEventListener('load', start, false); | 41 window.addEventListener('load', start, false); |
| 42 </script> | 42 </script> |
| 43 </head> | 43 </head> |
| 44 <body> | 44 <body> |
| 45 | 45 |
| 46 <p> | 46 <p> |
| 47 This tests a crash that was occuring when you have both an explicit property and
'all' in the -webkit-transition-property | 47 This tests a crash that was occuring when you have both an explicit property and
'all' in the transition-property |
| 48 CSS property. The crash would occur when you retarget the transition. This t
est should not crash. | 48 CSS property. The crash would occur when you retarget the transition. This t
est should not crash. |
| 49 </p> | 49 </p> |
| 50 <div id="box"> | 50 <div id="box"> |
| 51 </div> | 51 </div> |
| 52 </body> | 52 </body> |
| 53 </html> | 53 </html> |
| OLD | NEW |
|---|
Chromium Code Reviews
Issue 2521493002:
CSS Transitions: Reduce usage of -webkit prefix in layout tests (Closed)
