Mask not covering original element when put on a webpage?
Just wondering if anyone had any ideas. I'm masking a bg element with a picture to make an outline shape, and then placing that shape back on top of the picture so I can reveal it with a clip-path animation.
Problem is it looks fine in figma, but on the page you can clearly see the image bleeding through at the edges. Just not really sure how to deal with this (as it doesn't seem as simple as scaling up the mask element). Both elements are identical sizes according to the dom.
Nick
Problem is it looks fine in figma, but on the page you can clearly see the image bleeding through at the edges. Just not really sure how to deal with this (as it doesn't seem as simple as scaling up the mask element). Both elements are identical sizes according to the dom.
Nick
A friendly place for developers to meet other devs, ask questions, get help, and just have a good time 🙂.
36,263Members
Resources
Recent Announcements
Similar Threads
Was this page helpful?
