The green box appear angled out from the yellow box and embedded in it.
-webkit-transform: translateZ(-100px) rotateY(45deg);
-(GraphicsLayer
- (bounds 800.00 600.00)
- (children 1
- (GraphicsLayer
- (bounds 800.00 600.00)
- (contentsOpaque 1)
- (drawsContent 1)
- (children 1
- (GraphicsLayer
- (position 108.00 72.00)
- (bounds 304.00 304.00)
- (children 1
- (GraphicsLayer
- (bounds 304.00 304.00)
- (shouldFlattenTransform 0)
- (transform [1.00 0.00 0.00 0.00] [0.00 1.00 0.00 0.00] [0.00 0.00 1.00 -0.00] [0.00 0.00 0.00 1.00])
- (children 1
- (GraphicsLayer
- (position 12.00 12.00)
- (bounds 280.00 280.00)
- (opacity 0.80)
- (contentsOpaque 1)
- (shouldFlattenTransform 0)
- (3dRenderingContext 1)
- (drawsContent 1)
- (backgroundColor #FFFF00)
- (transform [0.77 -0.56 -0.32 0.00] [0.00 0.50 -0.87 0.00] [0.64 0.66 0.38 0.00] [0.00 0.00 0.00 1.00])
- (children 1
- (GraphicsLayer
- (position 40.00 40.00)
- (bounds 200.00 200.00)
- (opacity 0.70)
- (contentsOpaque 1)
- (3dRenderingContext 1)
- (drawsContent 1)
- (backgroundColor #008000)
- (transform [0.77 0.00 0.64 0.00] [0.00 1.00 0.00 0.00] [-0.64 0.00 0.77 0.00] [0.00 0.00 50.00 1.00])
- )
- )
- )
- )
- )
- )
- )
- )
- )
- )
-)
+{
+ "bounds": [800, 600],
+ "children": [
+ {
+ "bounds": [800, 600],
+ "contentsOpaque": true,
+ "drawsContent": true,
+ "children": [
+ {
+ "position": [108, 72],
+ "bounds": [304, 304],
+ "children": [
+ {
+ "bounds": [304, 304],
+ "shouldFlattenTransform": false,
+ "transform": [
+ [1, 0, 0, 0],
+ [0, 1, 0, 0],
+ [0, 0, 1, -0.002],
+ [0, 0, 0, 1]
+ ],
+ "children": [
+ {
+ "position": [12, 12],
+ "bounds": [280, 280],
+ "opacity": 0.800000011920929,
+ "contentsOpaque": true,
+ "shouldFlattenTransform": false,
+ "3dRenderingContext": 1,
+ "drawsContent": true,
+ "backgroundColor": "#FFFF00",
+ "transform": [
+ [0.766044443118978, -0.556670399226419, -0.32139380484327, 0],
+ [0, 0.5, -0.866025403784439, 0],
+ [0.642787609686539, 0.663413948168938, 0.383022221559489, 0],
+ [0, 0, 0, 1]
+ ],
+ "children": [
+ {
+ "position": [40, 40],
+ "bounds": [200, 200],
+ "opacity": 0.699999988079071,
+ "contentsOpaque": true,
+ "3dRenderingContext": 1,
+ "drawsContent": true,
+ "backgroundColor": "#008000",
+ "transform": [
+ [0.766044443118978, 0, 0.642787609686539, 0],
+ [0, 1, 0, 0],
+ [-0.642787609686539, 0, 0.766044443118978, 0],
+ [0, 0, 50, 1]
+ ]
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ }
+ ]
+}