Source code
Revision control
Copy as Markdown
Other Tools
# The "preserve-3d" context has a mix of children being other stacking contexts and
# just primitives. The other stacking contexts are also "preserve-3d" but on the same plane,
# so the result ordering should be exactly matching the way we specify the children.
---
root:
items:
- type: stacking-context
bounds: [0, 0, 200, 200]
transform-style: preserve-3d
transform: rotate-x(30)
items:
- type: rect
bounds: [0, 0, 100, 100]
color: green
- type: stacking-context
bounds: [25, 25, 100, 100]
#transform: rotate-z(45)
items:
- type: rect
bounds: [0, 0, 100, 100]
color: red
- type: rect
bounds: [100, 0, 100, 100]
color: blue