SVG ImageMask produces a mask on an image using SVG

You can use SVG Image Mask to hide a portion of an image and show just a part of it or to make the background slightly visible without using a .png.

These are the available mask types:

  1. image **;

  2. ring;

  3. triangle;

  4. circle;

  5. hexagon;

  6. pentagonal;

  7. rhombus;

  8. star;

  9. heart;

  10. custom_path *.

Image Mask **

Among the most interesting types of masking, there is the image that masks an image.

Style


Demo

working example

Did this answer your question?