| OLD | NEW | 
|---|
| 1 <!DOCTYPE html> | 1 <!DOCTYPE html> | 
| 2 | 2 | 
| 3 <html> | 3 <html> | 
| 4 <head> | 4 <head> | 
| 5   <style> | 5   <style> | 
| 6     body { | 6     body { | 
| 7       margin: 0; | 7       margin: 0; | 
| 8     } | 8     } | 
| 9 | 9 | 
| 10     #container { | 10     #container { | 
| (...skipping 22 matching lines...) Expand all  Loading... | 
| 33     .software { | 33     .software { | 
| 34       -webkit-transition: left 300ms linear; | 34       -webkit-transition: left 300ms linear; | 
| 35     } | 35     } | 
| 36 | 36 | 
| 37     .hardware { | 37     .hardware { | 
| 38       -webkit-transition: -webkit-transform 1s linear; | 38       -webkit-transition: -webkit-transform 1s linear; | 
| 39       -webkit-transform: translateX(0); | 39       -webkit-transform: translateX(0); | 
| 40     } | 40     } | 
| 41 | 41 | 
| 42    </style> | 42    </style> | 
| 43    <script src="resources/transition-test-helpers.js"></script> | 43    <script src="../animations/resources/animation-test-helpers.js"></script> | 
| 44    <script> | 44    <script> | 
| 45 | 45 | 
| 46     function testEnded() | 46     function testEnded() | 
| 47     { | 47     { | 
| 48       if (window.testRunner) | 48       if (window.testRunner) | 
| 49         testRunner.notifyDone(); | 49         testRunner.notifyDone(); | 
| 50     } | 50     } | 
| 51 | 51 | 
| 52     function startTest() | 52     function startTest() | 
| 53     { | 53     { | 
| (...skipping 11 matching lines...) Expand all  Loading... | 
| 65   <div id="container"> | 65   <div id="container"> | 
| 66     <!-- <div class="software box"></div> --> | 66     <!-- <div class="software box"></div> --> | 
| 67     <div id="tester" class="hardware box"></div> | 67     <div id="tester" class="hardware box"></div> | 
| 68   </div> | 68   </div> | 
| 69 | 69 | 
| 70   <div id="result"> | 70   <div id="result"> | 
| 71   </div> | 71   </div> | 
| 72 | 72 | 
| 73 </body> | 73 </body> | 
| 74 </html> | 74 </html> | 
| OLD | NEW | 
|---|