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