order-2.yaml (933B)
1 # The "preserve-3d" context has a "flat" child, which contains two other stacking contexts 2 # that have their Z modified. The Z should not affect their drawing order, since they 3 # are hidden from the 3D hierarchy by the flat parent. 4 --- 5 root: 6 items: 7 - type: stacking-context 8 bounds: [0, 0, 100, 100] 9 transform-style: preserve-3d 10 items: 11 - type: stacking-context 12 bounds: [0, 0, 100, 100] 13 items: 14 - type: stacking-context 15 bounds: [0, 0, 100, 100] 16 transform: translate(0, 0, 10) 17 items: 18 - type: rect 19 bounds: [0, 0, 100, 100] 20 color: red 21 - type: stacking-context 22 bounds: [0, 0, 100, 100] 23 transform: translate(0, 0, -10) 24 items: 25 - type: rect 26 bounds: [0, 0, 100, 100] 27 color: green