I'm trying to recreate the LinkedIn card interaction in framer, but it turned out to be more complicated than I thought – I'm not a developer :(Here's what I've got so far. Any recommendations on how to complete the interaction?
George refined this example, you can use this as a bases. Just instead of Y you are formatting it for X: http://share.framerjs.com/sslxulom5uj1/
I used that example as my basis, but it didn't work on my framer file. I'll take another look. Thanks!
Oh ok sorry about that- can you give me a little bit? I'll take look when I have a free moment.
Hey Matt, so I'm unfamiliar with LinkedIn mobiles card swiping- you want the card2 to come in as you begin to swipe card1 to the left?
Also, if you swipe left on card3 you want them to go away or appear like they did in their original state?
to answer your first question, yes. As you swipe right-to-left on card2, card 3 shows up. And if you swipe left-to-right on card2, card1 shows up.
Your second question, swiping left on card3, would make the cards go away and show the user as in initial state
Hey man, sorry- got swamped. I'll take a look on my layover
Matt sorry about the delay- got time in between flights this am. Ideally I think it would be nice to use modulate to manipulate the scale and position of each card on drag but for now here is what I think the desired effect you were looking for is: http://share.framerjs.com/vbm0dhcbxsx2/
Yes! Thank you so much. I'll take a look at utils.modulate again
Stephen Crowley, thanks so much for taking the time and fixing my code. Do you know if a good example that I can follow to understand Utils? I'm reading the documentation and I cannot grasp the concept still... :( Thanks in advanced.
No problem man! Let me see if I can find a few examples for you when I get back to my computer.