This is a read-only archive of the Framer Community on Facebook.

What is Framer? Join the Community
Return to index
Chris Wang
Posted May 19 - Read on Facebook

Hey folks, Is it possible to do non geometric shape masking in framer?


Benjamin Den Boer

Hey Chris Wang — you can't mask shapes with borderRadius applied (circles, etc), but you have a few alternatives, like using -webkit-image-masks or webkit clip paths. With the first, you can mask layers using images. With the latter, you can draw more complex shapes (think polygons) using layers and these can be clipped like regular layers as well. :-) I've made a little simple example for you using webkitClipPaths to illustrate:

Chris Wang

Amazing! Thanks again Benjamin.

Read the entire post on Facebook