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