Use a mask in Breakdance

Using masks in Breakdance Builder allows you to create unique shapes, cutouts, and effects for elements like images, text, and sections. Masks help you achieve modern, creative designs without needing custom CSS or external design tools.

🔹 Steps to Apply a Mask in Breakdance Builder

1️⃣ Search the Element You Want to Mask

• Open Breakdance Builder and go to the page where you want to apply a mask.

2️⃣ Add a Masker Element to your page

• In the Add Element Panel, Search for masker.
• Add this masker element to your page, and put the image element in it.

3️⃣ Choose a Mask Type

• Click the masker element.
• Under “Mask”, choose the custom shape option
  ✔ Use a custom image. Here you can select a mask downloaded from BDLibraries.com.

4️⃣ Adjust Mask Settings

Once the mask is applied, fine-tune its appearance:
✔ Size – Choose between Auto, Contain, or Cover depending on how you want the mask to fit.
✔ Position – Adjust where the mask appears on the element (Center, Left, Right, etc.).
✔ Repeat – If using an image mask, you can tile or stretch it.
✔ Invert (Optional) – Flip the masked and visible areas for creative effects.

5️⃣ Preview & Fine-Tune the Design

• Click Preview to see how the mask looks on your element.
• Adjust size, position, or opacity to get the desired effect.
• If needed, add custom CSS in the “Custom CSS” section to refine it further.

🔥 Pro Tips for Using Masks in Breakdance

✅ Use high-quality PNGs for sharp masks.
✅ Combine masks with overlays for cool effects.
✅ Test responsiveness to ensure the mask looks good on all screen sizes.

🚀 Final Thoughts

Using masks in Breakdance Builder allows you to create visually stunning effects with ease. Whether you want to crop images into custom shapes, overlay creative patterns, or cut out sections dynamically, masks offer endless design possibilities.

Now go ahead and experiment with masks to take your Breakdance designs to the next level!