OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 | 2 |
3 <html> | 3 <html> |
4 <head> | 4 <head> |
5 <style type="text/css" media="screen"> | 5 <style type="text/css" media="screen"> |
6 body { | 6 body { |
7 position: relative; | 7 position: relative; |
8 } | 8 } |
9 .parent { | 9 .parent { |
10 position: relative; | 10 position: relative; |
11 width: 200px; | 11 width: 200px; |
12 height: 150px; | 12 height: 150px; |
13 padding: 20px; | 13 padding: 20px; |
14 border: 1px solid black; | 14 border: 1px solid black; |
15 -webkit-transform: translate(0px, 0px); | 15 transform: translate(0px, 0px); |
16 } | 16 } |
17 | 17 |
18 .child { | 18 .child { |
19 position: relative; | 19 position: relative; |
20 left: 100px; | 20 left: 100px; |
21 width: 250px; | 21 width: 250px; |
22 height: 100px; | 22 height: 100px; |
23 background-color: green; | 23 background-color: green; |
24 } | 24 } |
25 | 25 |
(...skipping 51 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
77 This content is in the parent | 77 This content is in the parent |
78 <div id="child" class="child"> | 78 <div id="child" class="child"> |
79 Box should switch between perspective and flat | 79 Box should switch between perspective and flat |
80 </div> | 80 </div> |
81 </div> | 81 </div> |
82 | 82 |
83 <pre id="layers">Layer tree goes here in DRT</pre> | 83 <pre id="layers">Layer tree goes here in DRT</pre> |
84 </body> | 84 </body> |
85 </html> | 85 </html> |
86 | 86 |
OLD | NEW |