How to mask UI elements in Unity

There's two ways to do this the first way is to copy and paste the ui image you trying to mask. Then on the one you paste rename it to mask then add a component call Mask then make the ui image you trying to mask into a child of the mask now the type of image you use will mask the area so for me its a box.

The other way is better cause you can adjust it to your likening do the sameting we did form the start but remove the image and add the component call Rect mask 2D then you can adjust the masking by using the padding. The softness gives a smearing effect.

See you next time.