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 |