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.

Example

Test it Now

Explanation

  • 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




Please Share

facebook twitter google plus pinterest

Learn Latest Tutorials


Preparation


Trending Technologies


B.Tech / MCA