Source code
Revision control
Copy as Markdown
Other Tools
# perspective ancestor + intermediate preserve-3d translate-Z + preserve-3d wrapper
# whose child has the actual rotateY. Different SC structure from the leaf
# case but same root cause: plane splitter previously baked perspective into
# polygon coords before BSP.
# The intermediate preserves 3D so the perspective reaches the leaf; a flat
# intermediate would flatten the leaf into its plane first (no perspective).
---
root:
items:
- type: stacking-context
bounds: 0 0 800 600
perspective: 100
items:
- type: stacking-context
bounds: 0 0 800 600
transform: translate(200, 200, 0)
transform-style: preserve-3d
items:
- type: stacking-context
bounds: 0 0 360 240
transform: translate(0, 0, 0)
transform-style: preserve-3d
items:
- type: stacking-context
bounds: 0 0 360 240
transform: rotate-y(45)
items:
- type: rect
bounds: 0 0 360 240
color: black