| OLD | NEW |
|---|
| 1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
| 2 <style> | 2 <style> |
| 3 .outerBlock { | 3 .outerBlock { |
| 4 border: 1px solid black; | 4 border: 1px solid black; |
| 5 -webkit-transition: all 1s linear; | 5 transition: all 1s linear; |
| 6 -moz-transition: all 1s linear; | 6 -moz-transition: all 1s linear; |
| 7 } | 7 } |
| 8 | 8 |
| 9 .innerBlock { | 9 .innerBlock { |
| 10 background-color: green; | 10 background-color: green; |
| 11 height: 100px; | 11 height: 100px; |
| 12 -webkit-transition: all 1s linear; | 12 transition: all 1s linear; |
| 13 -moz-transition: all 1s linear; | 13 -moz-transition: all 1s linear; |
| 14 } | 14 } |
| 15 | 15 |
| 16 #outer { | 16 #outer { |
| 17 width: 100px; | 17 width: 100px; |
| 18 } | 18 } |
| 19 | 19 |
| 20 #outer.go { | 20 #outer.go { |
| 21 width: 500px; | 21 width: 500px; |
| 22 } | 22 } |
| (...skipping 47 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 70 | 70 |
| 71 function setupTest() { | 71 function setupTest() { |
| 72 for (var i = 0; i < transitioningElements.length; i++) { | 72 for (var i = 0; i < transitioningElements.length; i++) { |
| 73 var element = document.getElementById(transitioningElements[i]); | 73 var element = document.getElementById(transitioningElements[i]); |
| 74 element.className += " go"; | 74 element.className += " go"; |
| 75 } | 75 } |
| 76 } | 76 } |
| 77 | 77 |
| 78 | 78 |
| 79 </script> | 79 </script> |
| OLD | NEW |
|---|
Chromium Code Reviews
Issue 2518943002:
CSS Transitions: Reduce usage of webkit prefix in layout tests (Closed)
