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

What is Framer? Join the Community
Return to index
Wouter Duijts
Posted Jan 25 - Read on Facebook

Hi,

How can I mask an image with a layer and be able to move the layer without the image. If the layer is half underneath the image, the image is only be shown half. See attachment for example.

I tried the superlayer function but unfortunately that didn't work out.
What I am trying to achieve is a bit the opposite of this example I have found in the community. (http://share.framerjs.com/8xqvscqqg58k/)

Thanks!

8 Comments

Ben Rodenhäuser

Not sure I understand correctly. Does this help, or is it irrelevant to your question: http://share.framerjs.com/ii77ly9tgpgv/

Wouter Duijts

I'm still a beginner at Framer so I wasn't able to make it so that the background layer was draggable and the top layer was only visible within the background layer's boundaries.

Ben Rodenhäuser

I am also a beginner, but let's try ... how about this: http://share.framerjs.com/xzv9vegg7ygs/ (drag blue layer from left to right)

Koen Bok

I think you might be looking for something like this right? http://share.framerjs.com/4crp2cevsf6f/

Wouter Duijts

Ben Rodenhäuser Thanks! Always keep trying :). Koen Bok thanks, your solution was more what I was looking for!

Marc Krenn

Here's another - a bit more complex - example with two draggers:
http://share.framerjs.com/lvjukx54e0q6/ :)

Koen Bok

Nice Marc!

Wouter Duijts

Looks great Marc Krenn

Read the entire post on Facebook