Javatpoint Logo
Javatpoint Logo

SVG Masks

Using the SVG masking feature, you can apply a mask to an SVG shape. SVG mask is a more advanced version of a clip path and used to determine what parts of the SVG shape that is visible and with what transparency.


Test it Now


  • The id attribute of <mask> element defines a unique name for the mask.
  • The <rect> element of <mask> defines the shape of the mask.
  • The style attribute of <rect> element has the mask ID attribute using the mask CSS property.

Next TopicSVG Tools

Youtube For Videos Join Our Youtube Channel: Join Now


Help Others, Please Share

facebook twitter pinterest

Learn Latest Tutorials


Trending Technologies

B.Tech / MCA