isolated-2.yaml (865B)
1 # translation of wpt/css-tests/compositing-1_dev/html/mix-blend-mode-stacking-context-creates-isolation.htm 2 --- 3 root: 4 items: 5 - type: rect 6 bounds: [10, 10, 130, 130] 7 color: [255, 255, 0] 8 # this stacking context should create an isolated group for its children 9 # inside there should be overlapping red and green rects 10 # where they intersect should be a black rect 11 # the rects should not blend with the yellow backdrop 12 - type: stacking-context 13 blend-container: true 14 bounds: [10, 10, 130, 130] 15 items: 16 - type: rect 17 bounds: [0, 0, 100, 100] 18 color: [0, 255, 0] 19 - type: stacking-context 20 bounds: [20, 20, 100, 100] 21 mix-blend-mode: multiply 22 items: 23 - type: rect 24 bounds: [0, 0, 100, 100] 25 color: [255, 0, 0]