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

What is Framer? Join the Community
Return to index
Min-Sang Choi
Posted Oct 01 - Read on Facebook

Circular mask isn't working with the newest version of framer.

layerA.style.borderRadius = "50%"
layerA.addSubLayer(layerB)
layerB._prefer2d = true

supposed to work with this code, but it's not clipping sublayer after I upgraded my framer project. any idea?

9 Comments

Emanuele Salamone

I'm having the same problem...

Koen Bok

Try making the borderRadius a numeric property

Min-Sang Choi

Koen Bok, yep, that works now. thanks! (edited: hmm.. it still doesn't work as a mask, do I have anything to add?)

Koen Bok

I'm lazy. Can you share this project?

Seoh Char

mask.style['-webkit-mask-image'] = '-webkit-radial-gradient(circle, white, black)'
there is a problem about safari. http://stackoverflow.com/questions/10314207/webkit-not-respecting-overflowhidden-with-border-radius

Min-Sang Choi

Cha Seoh works perfectly! thanks! :-)

Seoh Char

actually, i told it once at seoul meetup (in speaking) http://seoh.github.io/framer-meetup-2014/#/14 :/

Emanuele Salamone

Thanks guys for fixing this!

Read the entire post on Facebook