backface-perspective.yaml (729B)
1 # Checks a special case where CSS has both perspective and a transform. 2 # In this case, the backface visibility should be computed based on the perspective 3 # parent, not the immediate parent. 4 # The immediate parent is `rotate-y(-120)`, which is obviously back facing. 5 # But perspective transform makes it front-facing (since the frustum side panels are rotated even more). 6 root: 7 items: 8 - type: stacking-context 9 bounds: 0 0 300 100 10 perspective: 100 11 items: 12 - type: stacking-context 13 bounds: 0 0 100 100 14 transform: rotate-y(-120) 15 paired-with-perspective: true 16 backface-visible: false 17 items: 18 - type: rect 19 bounds: 0 0 100 100 20 color: red