CSS Masking level 2

From Effects Task Force

Ideas for the next level of CSS Masking

People complain about <clipPath> references because of multiple problems:

  1. <clipPath> does not have objectBoundingBox and therefore doesn't scale with the clipped element.
  2. There is no way to define a preserveAspecRatio and/or a viewBox. example.

General clip-path related complains:

  1. There is no path() function.
  2. Path data string does not have units.
  3. no inverse clipping path
  4. multiple clip-paths which can be used in combination to form one clipping path


  1. Support mask-attachment youtube demo