difference-transparent.yaml (645B)
1 --- 2 root: 3 items: 4 - type: rect 5 bounds: [0, 0, 100, 100] 6 color: white 7 # this stacking context should create an isolated group for its children 8 # causing the yellow rect to not blend with the green backdrop 9 - type: stacking-context 10 blend-container: true 11 bounds: [0, 0, 100, 100] 12 items: 13 - type: rect 14 bounds: [0, 0, 100, 100] 15 color: [0, 255, 0, 0.5] 16 - type: stacking-context 17 bounds: [0, 0, 100, 100] 18 mix-blend-mode: difference 19 items: 20 - type: rect 21 bounds: [0, 0, 100, 100] 22 color: [0, 255, 0, 0.5]