> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://help.maglr.com/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# Using masks

${youtube}[Course Advanced - Masks](vVEmEQ9tySE)


In the Maglr Pro editor, masks can be used to show specific parts of elements while concealing the rest. This allows you to create more custom shapes and apply specific animations, effects & actions to the elements that are covered by the mask.

|| Note: only images (jpeg, png & svg) and 'vector shape' (rectangle, triangle, polygon, star & oval) elements can be used as a mask.

## Creating a mask

To convert your element into a mask, **right-click** any image element and select the ‘**Use as mask**’-option that appears.

![Image: converting an image into a mask in the Maglr Pro editor](https://storage.crisp.chat/users/helpdesk/website/a10da0d57fa08800/e4095607-ac63-4a6b-8a85-c9f721_4vtnpy.png)

It will then cover all elements above the mask until it reaches:

*   The top of the group in which the mask is present;
*   The top of the layer tree;
*   Another mask.

| Tip: with this in mind, it would be wise to **always** place your masked element inside a group, so that it will only affect a specific selection of elements.

A new icon will appear in the **Layers** panel, representing the image that you have converted into a mask. An upward-facing arrow will also indicate all the layers that are covered by this mask.

![Image: elements covered by a mask in the Maglr Pro editor](https://storage.crisp.chat/users/helpdesk/website/c8d4802709fc0000/418ac115-ca41-4a5d-a046-5b4ca4_1i712gh.png)

## Mask options

After converting your image into a mask, all animations, effects, actions & accessibility options will be disabled. You can only change the masks’ general settings, such as its size and opacity.

Even though the options of the mask itself are limited, you are still able to adjust all settings of the elements & groups that are covered by the mask. This allows you to create custom animations & effects that can only be seen inside your (masked) frame.

![Image: example of a masked image](https://storage.crisp.chat/users/helpdesk/website/c4948129e800a000/18b1d9af-b313-4ed8-81e3-841873_1b0w81b.png)

## Removing the mask

You can remove the mask by simply **right-clicking** it again, either through the canvas or the **Layers** panel. The **Unmask**-option that appears here will remove the mask when clicked and revert the element back to its original state.

![Image: unmasking an element](https://storage.crisp.chat/users/helpdesk/website/10c0819b890e2e00/b2c5dfff-6064-49fe-8faa-5a1b33_t8pv2k.png)