| OLD | NEW |
| 1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
| 2 | 2 |
| 3 <html> | 3 <html> |
| 4 <head> | 4 <head> |
| 5 <style> | 5 <style> |
| 6 .container { | 6 .container { |
| 7 position: relative; | 7 position: relative; |
| 8 } | 8 } |
| 9 | 9 |
| 10 .box { | 10 .box { |
| (...skipping 11 matching lines...) Expand all Loading... |
| 22 | 22 |
| 23 #box.final { | 23 #box.final { |
| 24 left: 400px; | 24 left: 400px; |
| 25 } | 25 } |
| 26 | 26 |
| 27 #box2 { | 27 #box2 { |
| 28 -webkit-transition-property: -webkit-transform; | 28 -webkit-transition-property: -webkit-transform; |
| 29 } | 29 } |
| 30 | 30 |
| 31 #box2.final { | 31 #box2.final { |
| 32 -webkit-transform: translateX(400px); | 32 transform: translateX(400px); |
| 33 } | 33 } |
| 34 | 34 |
| 35 #indicator { | 35 #indicator { |
| 36 position: absolute; | 36 position: absolute; |
| 37 left: 322px; | 37 left: 322px; |
| 38 height: 200px; | 38 height: 200px; |
| 39 background-color: red; | 39 background-color: red; |
| 40 } | 40 } |
| 41 | 41 |
| 42 </style> | 42 </style> |
| (...skipping 22 matching lines...) Expand all Loading... |
| 65 <div id="indicator" class="box"></div> | 65 <div id="indicator" class="box"></div> |
| 66 | 66 |
| 67 <div id="box" class="box"></div> | 67 <div id="box" class="box"></div> |
| 68 <div id="box2" class="box"></div> | 68 <div id="box2" class="box"></div> |
| 69 </div> | 69 </div> |
| 70 | 70 |
| 71 <div id="result"></div> | 71 <div id="result"></div> |
| 72 | 72 |
| 73 </body> | 73 </body> |
| 74 </html> | 74 </html> |
| OLD | NEW |