| OLD | NEW |
| 1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
| 2 | 2 |
| 3 <script src="../js/resources/js-test-pre.js"></script> | 3 <script src="../../resources/js-test.js"></script> |
| 4 | 4 |
| 5 <style> | 5 <style> |
| 6 #before:before, | 6 #before:before, |
| 7 #after:after { | 7 #after:after { |
| 8 content: ""; | 8 content: ""; |
| 9 display: block; | 9 display: block; |
| 10 height: 50px; | 10 height: 50px; |
| 11 width: 50px; | 11 width: 50px; |
| 12 -webkit-transition: width 1ms; | 12 -webkit-transition: width 1ms; |
| 13 transition: width 1ms; | 13 transition: width 1ms; |
| (...skipping 51 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 65 { | 65 { |
| 66 var div = document.getElementById(id); | 66 var div = document.getElementById(id); |
| 67 div.className = 'transition'; | 67 div.className = 'transition'; |
| 68 } | 68 } |
| 69 | 69 |
| 70 onload = function() { | 70 onload = function() { |
| 71 document.addEventListener( 'transitionend', recordTransitionEvent); | 71 document.addEventListener( 'transitionend', recordTransitionEvent); |
| 72 testTransition('before'); | 72 testTransition('before'); |
| 73 }; | 73 }; |
| 74 </script> | 74 </script> |
| OLD | NEW |