Auto-rebaseline for r176651

LayoutTests/virtual/softwarecompositing/geometry/preserve-3d-switching-expected.txt

 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 73.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, 73],
+          "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]
+                      ]
+                    }
+                  ]
+                }
+              ]
+            }
+          ]
+        }
+      ]
+    }
+  ]
+}