CSS Masking: clipPath with objectBoundingBox svg clipPathUnits="objectBoundingBox" changes the behavior of non-percentage values. The dimension of the clipped element is equal to one unit for the content of clipPath. You should see a green square.