BACK TO DIRECTORY

WP Image Mask

by Bogdan Bendziukov

5.0
(1 ratings)

Select a custom mask for your Gutenberg image’s block or add a masked image anywhere via shortcode [wp-image-mask].

Shortcode attributes:

  • src – URL of the image;
  • mask – URL of the mask;
  • fit – how the mask should fit into the image. cover, contain (default contain);
  • alt – alt text for the image.

Screenshots

Select your image (or add a new one from Gutenberg blocks).

Select your image (or add a new one from Gutenberg blocks).

Select the type of image mask from the block's settings.

Select the type of image mask from the block's settings.

If you choose a custom image - click on the Choose mask image button to upload your custom mask.

If you choose a custom image - click on the Choose mask image button to upload your custom mask.

Once you have selected the mask - it will apply to your image.

Once you have selected the mask - it will apply to your image.

If you choose SVG code - paste your SVG code in the textarea field.

If you choose SVG code - paste your SVG code in the textarea field.

Once you have pasted the code - it will apply to your image.

Once you have pasted the code - it will apply to your image.

You can also apply image masks to gallery's images.

You can also apply image masks to gallery's images.

Plugin Details

Active Installs
300
Total Downloads
5,474
Version
3.1.4
Requires WP
6.0
Requires PHP
7.4
Tested Up To
7.1
Added
2020-12-07
Last Updated
2026-08-19 7:09pm GMT

Ratings

5
1
4
0
3
0
2
0
1
0