blob: 1d9205820df91384031fe01b13b8a8535743c440 [file] [log] [blame]
{
"layers": [
{
"name": "LayoutView #document",
"bounds": [800, 600],
"drawsContent": false,
"backgroundColor": "#FFFFFF"
},
{
"name": "Scrolling Layer",
"bounds": [785, 600],
"drawsContent": false
},
{
"name": "Scrolling Contents Layer",
"bounds": [785, 812],
"contentsOpaque": true,
"backgroundColor": "#FFFFFF"
},
{
"name": "LayoutBlockFlow (relative positioned) DIV id='to-animate1' class='box animating1'",
"bounds": [100, 100],
"contentsOpaque": true,
"backgroundColor": "#0000FF",
"transform": 2
},
{
"name": "LayoutBlockFlow (relative positioned) DIV class='container'",
"position": [58, 230],
"bounds": [122, 462],
"contentsOpaque": true,
"backgroundColor": "#FFFFFF"
},
{
"name": "Child Containment Layer",
"position": [59, 231],
"bounds": [120, 460],
"drawsContent": false
},
{
"name": "LayoutBlockFlow (relative positioned) DIV class='box gray force-layer'",
"bounds": [100, 100],
"contentsOpaque": true,
"backgroundColor": "#808080",
"transform": 4
},
{
"name": "LayoutBlockFlow (relative positioned) DIV id='to-animate2' class='box animating2'",
"bounds": [100, 100],
"contentsOpaque": true,
"backgroundColor": "#0000FF",
"transform": 6
},
{
"name": "LayoutBlockFlow (relative positioned) DIV class='box yellow'",
"position": [69, 571],
"bounds": [100, 100],
"contentsOpaque": true,
"backgroundColor": "#FFFF00"
},
{
"name": "LayoutBlockFlow (relative positioned) DIV class='box yellow'",
"position": [18, 702],
"bounds": [100, 100],
"contentsOpaque": true,
"backgroundColor": "#FFFF00"
}
],
"transforms": [
{
"id": 1,
"transform": [
[...],
[...],
[...],
[...]
]
},
{
"id": 2,
"parent": 1,
"transform": [
[...],
[...],
[...],
[...]
]
},
{
"id": 3,
"transform": [
[...],
[...],
[...],
[...]
]
},
{
"id": 4,
"parent": 3,
"transform": [
[...],
[...],
[...],
[...]
]
},
{
"id": 5,
"transform": [
[...],
[...],
[...],
[...]
]
},
{
"id": 6,
"parent": 5,
"transform": [
[...],
[...],
[...],
[...]
]
}
]
}