CSS Masking: clipPath child with opacity style svg The opacit on the child of the clipPath should not influence the clipping path. You should see a green square.