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

What is Framer? Join the Community
Return to index
Yohan Baillet
Posted Jan 22 - Read on Facebook

Hey Framer community, this seems pretty simple but I can't figure out how to do it. I saw some similar thing but didn't really found the answer. I need to animate a container height from bottom to top instead of top to bottom. This container contains other layers so I can't move its y position neither its scale value. Here is an example

7 Comments

Blaine Billingsley
Yohan Baillet

Thanks Blained, that's great!!

Ben Rodenhäuser

What I notice is that the cat image, which in your example, Blaine, is "animated to stay in place" is flickering a bit ... I had this problem too recently, and I remember clearly not being able to fix it :-) Is there a way to solve this?

Marc Krenn

That's how I'd do it Yohan / Blaine:
http://share.framerjs.com/it68yq2gk691/

Ben: Does this method work better for you?

Blaine Billingsley

screenFrame! wicked smart. Nice. Ben I have not seen a flickering so I'm not sure what to do about it. Does Marc's solution work better for you?

Ben Rodenhäuser

Blaine, in this example the flicker is very visible: http://share.framerjs.com/6x258jdhp55q/ I thought I also saw a bit of the same thing in the cat image in your example. No flicker in Marc's screen frame solution, though!

Yohan Baillet

Thanks Mark its really cool. The screenFrame works pretty nice

Read the entire post on Facebook