flatten-preserve-3d-root.yaml (736B)
1 # This test ensures that we flatten the trasformations (i.e. zero out Z coordinates) 2 # at the boundaries of preserve-3d hierarchies. 3 # If the stacking context isn't flattened at the preserve-3d boundary here, 4 # it's non-zero Z component starts affecting the screen space position 5 # due to the "rotate-x" transform at the top level. 6 --- 7 root: 8 items: 9 - 10 bounds: [100, 100, 0, 0] 11 type: stacking-context 12 transform: rotate-x(60) 13 transform-style: flat 14 items: 15 - 16 type: "stacking-context" 17 transform: translate(0, 0, 200) 18 transform-style: preserve-3d 19 items: 20 - 21 bounds: [0, 0, 150, 150] 22 type: rect 23 color: green