# first.items[].content
`feComposite` & `feBlend` take 2 inputs: the 2 layers we're compositing/ blending. Compositing/ blending take 2 layers and combine them in a single one using a compositing operation/ blend mode.

`operator='out'` for `feComposite` is kinda like `mask-composite: subtract` - mask compositing is something I've detailed in this #cssTricks article https://css-tricks.com/mask-compositin g-the-crash-course/#aa-subtract

#svgFilter #code #coding #frontend #gotcha #web #dev #webDev #webDevelopment #compositing #blending #alpha

# first.items[].contentMap.en
`feComposite` & `feBlend` take 2 inputs: the 2 layers we're compositing/ blending. Compositing/ blending take 2 layers and combine them in a single one using a compositing operation/ blend mode.

`operator='out'` for `feComposite` is kinda like `mask-composite: subtract` - mask compositing is something I've detailed in this #cssTricks article https://css-tricks.com/mask-compositin g-the-crash-course/#aa-subtract

#svgFilter #code #coding #frontend #gotcha #web #dev #webDev #webDevelopment #compositing #blending #alpha

# first.items[].attachment[].name
2 column illustration of mask-composite: subtract in action. On the first column, we have the individual gradient layers (both the visual results and the generating code), swapped - the one that was previously on top is now at the bottom and the other way around. On the second column, we can see what the layer resulting as a result of compositing using the subtract operation looks like.