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

What is Framer? Join the Community
Return to index
Sylvain Lafitte
Posted Apr 15 - Read on Facebook

Hey guys!

I’ve been trying to recreate Facebook’s case studies animation on their Messenger Platform website (https://messengerplatform.fb.com/ > feature bots).
I’ve finally managed to make it work, but I’d love for you guys to have a look at the code and tell me if there’s a better way to do it (and I’m sure there is, it’s all very manual right now).
I often hack stuff together with what I know, but I’d love to learn new techniques.

http://share.framerjs.com/h52sb3czk1ua/
Click the arrow on the right, and do it again, and again… ;) It’s just looping with 2 pages right now tho.
I’m also hitting a wall if I wanted to do the opposite animation (everything slides from the left, not from the right) if there was a left arrow…

(There’s a lot of images so it might look super slow in your browser sorry)

Thanks guys!

2 Comments

Sadok Cervantes Rabadan

It's soooo laggy on my MBP, why?

Chris Camargo

I try to run these things in Safari. Chrome's Blink engine has been getting weirder and weirder as time goes on.

Read the entire post on Facebook