WP Image Mask

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.

Upload the WP Image Mask plugin to your site, activate it and start using.

1. 

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

2. 

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

3. 

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

4. 

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

5. 

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

6. 

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

7. 

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

3.1.3

• Fixed security vulnerability

3.1.2

• Removed inline tags, applied image mask as inline css
• Fixed Gutenberg view for custom image mask
• Migrate to @wordpress/create-block

3.1.1

• Removed unnecessary wp-image-mask – CGB Block

3.1

• Add the ability to select mask fit in the Gutenberg block

3.0

• Stable release.
• Add a shortcode to apply image mask.

2.0

• Stable release.
• Fixed issues with applying custom masks to images.
• Add the ability to paste SVG code for image masks.

1.0

• First release.