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 |