blob: d5bee7d179e7d24909afbda7672df33df2e6b062 [file] [log] [blame]
Before:
{
"layers": [
{
"name": "Scrolling Contents Layer",
"bounds": [1178, 1203],
"contentsOpaque": true,
"backgroundColor": "#FFFFFF"
},
{
"name": "LayoutNGBlockFlow (relative positioned) DIV id='to-animate1' class='box animating1'",
"bounds": [150, 150],
"contentsOpaque": true,
"backgroundColor": "#0000FF",
"transform": 2
},
{
"name": "LayoutNGBlockFlow (relative positioned) DIV class='container'",
"position": [71, 345],
"bounds": [215, 678],
"backgroundColor": "#FFFFFF"
},
{
"name": "LayoutNGBlockFlow (relative positioned) DIV class='box gray force-layer'",
"bounds": [150, 150],
"contentsOpaque": true,
"backgroundColor": "#808080",
"transform": 4
},
{
"name": "Squashing Layer (first squashed layer: LayoutNGBlockFlow (relative positioned) DIV class='box yellow')",
"position": [-77, 676],
"bounds": [150, 150],
"transform": 3
},
{
"name": "ContentsLayer for Vertical Scrollbar Layer",
"position": [1178, 0],
"bounds": [22, 900],
"contentsOpaque": true
}
],
"transforms": [
{
"id": 1,
"transform": [
[...],
[...],
[...],
[...]
]
},
{
"id": 2,
"parent": 1,
"transform": [
[...],
[...],
[...],
[...]
]
},
{
"id": 3,
"transform": [
[...],
[...],
[...],
[...]
]
},
{
"id": 4,
"parent": 3,
"transform": [
[...],
[...],
[...],
[...]
]
}
]
}
After:
{
"layers": [
{
"name": "Scrolling Contents Layer",
"bounds": [1178, 1203],
"contentsOpaque": true,
"backgroundColor": "#FFFFFF"
},
{
"name": "LayoutNGBlockFlow (relative positioned) DIV id='to-animate1' class='box animating1'",
"bounds": [150, 150],
"contentsOpaque": true,
"backgroundColor": "#0000FF",
"transform": 2
},
{
"name": "LayoutNGBlockFlow (relative positioned) DIV class='container'",
"position": [87, 345],
"bounds": [183, 678],
"contentsOpaque": true,
"backgroundColor": "#FFFFFF"
},
{
"name": "LayoutNGBlockFlow (relative positioned) DIV class='box gray force-layer'",
"bounds": [150, 150],
"contentsOpaque": true,
"backgroundColor": "#808080",
"transform": 4
},
{
"name": "Squashing Layer (first squashed layer: LayoutNGBlockFlow (relative positioned) DIV id='first-green-box' class='box green rotate-45deg')",
"position": [-77, 132],
"bounds": [259, 694],
"transform": 3
},
{
"name": "ContentsLayer for Vertical Scrollbar Layer",
"position": [1178, 0],
"bounds": [22, 900],
"contentsOpaque": true
}
],
"transforms": [
{
"id": 1,
"transform": [
[...],
[...],
[...],
[...]
]
},
{
"id": 2,
"parent": 1,
"transform": [
[...],
[...],
[...],
[...]
]
},
{
"id": 3,
"transform": [
[...],
[...],
[...],
[...]
]
},
{
"id": 4,
"parent": 3,
"transform": [
[...],
[...],
[...],
[...]
]
}
]
}