Anyone have any examples using a circular mask? It keeps getting clipped to the rectangular frame bounds. I've tried hacking it with border radius, but it still gets clipped to a rectangle. Is this possible? I'm probably missing something obvious..
Yeah this is due to how the graphics rendering pipeline works. The tldr is that you cannot get hardware accelerated masks when using border-radius.
I added a thing called _prefer2d to layers so you can force software rendering to make it work: http://cl.ly/133s3Q172T2r
erm, I did something here that worked, but I kinda hacked it together
this was to get a circular video feed to work a while ago
Koen Bok that works! though now, how would you scale the mask, but not the image inside? something using screenframe maybe?
Jay Wong -- I may end up needing to use CSS as you have if this doesn't work, but I was hoping to use pure framer to not risk possible performance side effects. And also because I'll need to be able to manipulate / animate it's properties.
Check this out too: http://framerjs.tumblr.com/post/95454653502/tutorial-masking-layers-with-rounded-corners
Koen Bok is the above (masking w/ -webkit-mask) hardware accelerated w/ the GPU? Thanks
My guess would be no. But I couldn't quickly verify with some googling. Anecdotally, we haven't really ran into performance issues when we used it.