stacking-context-clip-ref.yaml (740B)
1 --- 2 root: 3 items: 4 - type: clip 5 id: 2 6 complex: 7 - rect: [0, 0, 100, 100] 8 radius: { 9 top-left: 50, 10 top-right: 50, 11 bottom-left: 50, 12 bottom-right: 50, 13 } 14 - type: clip-chain 15 id: 12 16 clips: [2] 17 - type: stacking-context 18 bounds: [0, 0, 100, 100] 19 items: 20 - type: rect 21 bounds: [ 0, 0, 100, 100 ] 22 color: [0, 255, 0] 23 clip-chain: 12 24 - type: clip 25 id: 3 26 bounds: [120, 0, 50, 50] 27 - type: clip-chain 28 id: 13 29 clips: [3] 30 - type: stacking-context 31 bounds: [100, 0, 100, 100] 32 filters: hue-rotate(90) 33 items: 34 - type: rect 35 bounds: [ 0, 0, 100, 100 ] 36 color: [0, 255, 0] 37 clip-chain: 13