Anima

How to Make Masks Render Correctly in the Browser?

If masks are not rendering correctly in the browser, mark the mask group as 'Exportable' in Sketch, Figma or Adobe XD.

<a href="https://support.animaapp.com/en/articles/2627097-anima-for-sketch-how-to-create-a-high-fidelity-prototype">Creating a High-Fidelity Prototyping in Sketch</a>

<a href="https://support.animaapp.com/designer-s-guide-to-anima/how-to-publish-a-website-and-host-it-with-anima" rel="nofollow noopener noreferrer" target="_blank">How to Publish a Website and Host it With Anima</a>

<a href="https://support.animaapp.com/en/articles/2641923-how-to-handoff-design-specs-to-developers">How to Handoff Design Specs to Developers</a>

<a href="https://support.animaapp.com/designer-s-guide-to-anima/how-to-export-sketch-to-html">How to Export Sketch to HTML</a>

<a href="https://support.animaapp.com/en/articles/2644596-team-collaboration">Team Collaboration</a>

- <a href="https://support.animaapp.com/en/articles/2627097-anima-for-sketch-how-to-create-a-high-fidelity-prototype">Creating a High-Fidelity Prototyping in Sketch</a>
- <a href="https://support.animaapp.com/designer-s-guide-to-anima/how-to-publish-a-website-and-host-it-with-anima" rel="nofollow noopener noreferrer" target="_blank">How to Publish a Website and Host it With Anima</a>
- <a href="https://support.animaapp.com/en/articles/2641923-how-to-handoff-design-specs-to-developers">How to Handoff Design Specs to Developers</a>
- <a href="https://support.animaapp.com/designer-s-guide-to-anima/how-to-export-sketch-to-html">How to Export Sketch to HTML</a>
- <a href="https://support.animaapp.com/en/articles/2644596-team-collaboration">Team Collaboration</a>

How to Fix Masks That Are Not Rendering Correctly in the Browser

Masks Are Not Rendering in the Browser

Sign in to Anima

Submit Bug Report

Back to Anima

Log in to Anima

Find answers and get help from Intercom Support and Community Experts

Link, Press control-option-right-arrow to exit

Empty Help Center

Uh oh. That page doesn’t exist.

Disappointed

Neutral

Smiley

Thinking...

Searching through sources...

Analyzing...

Tickets submitted through the messenger or by a support agent in your conversation will appear here.

Masks Are Not Rendering in the Browser

How to Make Masks Render Correctly in the Browser?

In Sketch

In Figma

In Adobe XD

Learn More