OLD | NEW |
1 { | 1 { |
| 2 "name": "Content Root Layer", |
2 "bounds": [800, 600], | 3 "bounds": [800, 600], |
3 "children": [ | 4 "children": [ |
4 { | 5 { |
| 6 "name": "LayoutView #document", |
5 "bounds": [800, 600], | 7 "bounds": [800, 600], |
6 "contentsOpaque": true, | 8 "contentsOpaque": true, |
7 "drawsContent": true, | 9 "drawsContent": true, |
8 "children": [ | 10 "children": [ |
9 { | 11 { |
| 12 "name": "LayoutBlockFlow (relative positioned) DIV class='container'", |
10 "position": [8, 8], | 13 "position": [8, 8], |
11 "bounds": [122, 242], | 14 "bounds": [122, 242], |
12 "drawsContent": true, | 15 "drawsContent": true, |
13 "children": [ | 16 "children": [ |
14 { | 17 { |
| 18 "name": "Child Containment Layer", |
15 "position": [1, 1], | 19 "position": [1, 1], |
16 "bounds": [120, 240], | 20 "bounds": [120, 240], |
17 "children": [ | 21 "children": [ |
18 { | 22 { |
| 23 "name": "LayoutBlockFlow (relative positioned) DIV id='to-anim
ate' class='animating box'", |
19 "position": [10, 10], | 24 "position": [10, 10], |
20 "bounds": [100, 100], | 25 "bounds": [100, 100], |
21 "contentsOpaque": true, | 26 "contentsOpaque": true, |
22 "drawsContent": true, | 27 "drawsContent": true, |
23 "backgroundColor": "#0000FF", | 28 "backgroundColor": "#0000FF", |
24 "transform": [ | 29 "transform": [ |
25 [...], | 30 [...], |
26 [...], | 31 [...], |
27 [...], | 32 [...], |
28 [...] | 33 [...] |
29 ] | 34 ] |
30 }, | 35 }, |
31 { | 36 { |
| 37 "name": "LayoutBlockFlow (relative positioned) DIV class='box'
", |
32 "position": [10, 120], | 38 "position": [10, 120], |
33 "bounds": [100, 100], | 39 "bounds": [100, 100], |
34 "contentsOpaque": true, | 40 "contentsOpaque": true, |
35 "drawsContent": true, | 41 "drawsContent": true, |
36 "backgroundColor": "#0000FF" | 42 "backgroundColor": "#0000FF" |
37 } | 43 } |
38 ] | 44 ] |
39 } | 45 } |
40 ] | 46 ] |
41 } | 47 } |
42 ] | 48 ] |
43 } | 49 } |
44 ] | 50 ] |
45 } | 51 } |
46 | 52 |
OLD | NEW |