blob: f5b9a1da64cd8f5cdd15f60a3c4ca27ab153202b (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
|
# 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)
|
