Source code
Revision control
Copy as Markdown
Other Tools
# Tests that backdrop filter works with a perspective transform
---
root:
items:
- type: stacking-context
bounds: 0 0 0 0
backdrop-root: true
perspective: 500
items:
- type: rect
color: [255, 255, 255, 1]
bounds: 0 0 1024 1024
- image: "firefox.png"
bounds: 0 0 256 256
- type: stacking-context
bounds: 50 50 0 0
transform: ["rotate-y(-50)", "rotate-z(-45)"]
items:
- type: clip
id: 2
bounds: 0 0 100 100
clip-rect: 0 0 100 100
- type: clip-chain
id: 12
clips: [2]
- type: stacking-context
bounds: 0 0 0 0
items:
- type: backdrop-filter
bounds: 0 0 100 100
clip-chain: 12
filters: invert(1)