backface-both-sides.yaml (810B)
1 # In this test, both rectangles have invisible back faces and are 2 # parented to a preserve-3d context that is rotated by 180 degrees. 3 # The red one is also rotated 180 degrees, and should be visible. 4 --- 5 root: 6 items: 7 - type: stacking-context 8 items: 9 - type: stacking-context 10 transform: rotate-y(180) 11 transform-style: preserve-3d 12 transform-origin: 50 50 13 items: 14 - type: rect 15 color: green 16 bounds: 0 0 100 100 17 backface-visible: false 18 - type: stacking-context 19 transform: rotate-y(180) 20 transform-origin: 0 0 21 backface-visible: false 22 items: 23 - type: rect 24 color: red 25 bounds: 0 0 100 100