Source code
Revision control
Copy as Markdown
Other Tools
# In this test, both rectangles have invisible back faces and are
# parented to a preserve-3d context that is rotated by 180 degrees.
# The red one is also rotated 180 degrees, and should be visible.
---
root:
items:
- type: stacking-context
items:
- type: stacking-context
transform: rotate-y(180)
transform-style: preserve-3d
transform-origin: 50 50
items:
- type: rect
color: green
bounds: 0 0 100 100
backface-visible: false
- type: stacking-context
transform: rotate-y(180)
transform-origin: 0 0
backface-visible: false
items:
- type: rect
color: red
bounds: 0 0 100 100