Svg ImageMask

Svg ImageMask produces a mask on an image using SVG <mask>

You can use Svg Image Mask when you want to hide a portion of an image to show just a part of it or to make the background slightly visible with no need of using a .png.

The image

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


Vedi anche:

Source and Class of Output

ViewBox values

The Numbers of PATH *


Demo

Here a working example

Still need help? Contact Us Contact Us