order-1.yaml (610B)
1 # The "preserve-3d" context has a "flat" child. Rotation by 180 degrees and positive Z offset 2 # should compensate each other, resulting in a green rectangle. 3 --- 4 root: 5 items: 6 - type: stacking-context 7 bounds: [0, 0, 100, 100] 8 transform-style: preserve-3d 9 transform: rotate-x(180) 10 items: 11 - type: rect 12 bounds: [0, 0, 100, 100] 13 color: green 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