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

What is Framer? Join the Community
Return to index
Rohan K
Posted Jul 29 - Read on Facebook

[SOLVED]Does anyone know what's the best way to create a mask for a layer? I'm trying to recreate the notification interaction as seen on the iPhone lock screen. I want the action buttons to reveal as you slide the notification to the left. -WebKit-mask works but I am not able to move it. Can I use another layer as a mask, maybe?

2 Comments

Arron J Hunt

Wrap the action buttons in a super layer with a 0 width, then have it expand as you drag the notification while also offsetting the action buttons inside the parent.

http://share.framerjs.com/6ws9nttzbgvc/

Rohan K

WOW!! thats exactly what I was looking for thanks a TON Arron J Hunt!

Read the entire post on Facebook