Streaming live at 10am (PST)

Moving interfaces animation


#1

Hello,

I’m still learning the new animation type and I came across something that I’m trying to reproduce in webflow :slight_smile:
I wanna do this first animation where the interface move when you go into the section and move again when you get out of the section : https://www.decemberlabs.com/sinq.html

I struggle to do it and to apply the interaction to different objects.
Also I don’t know how to put the web interface behind the other two.

Here is my project :
https://preview.webflow.com/preview/designs-radical-project?preview=5772e7487b12fcd1ca3f475d3b4970b3

Anyone know how that could work ?

EDIT : link the example : https://www.decemberlabs.com/sinq.html


#2

Hello @Design1214

The best part of the Webflow journey is when you get to learn how to do things! :slight_smile: If you can share an example of what you’re trying to achieve would be very helpful.


#3

My bad I tought i already put in the link :slight_smile:
Here it is : https://www.decemberlabs.com/sinq.html

I also edited the post !

I have been playing with parallax effect but I can’t seem to get it right.


#4

You can achieve this using following this tutorial:

And you can do this part following this one:


#5

Yeah I saw the video but I can’t really get it as smooth as the one on the example I sent you.
Mine looks very clunky and not looking so good :confused:


#6

I made a little video of how you can achieve it:

It’s just a matter of keep playing with the different options you have :wink:

Hope that helps


#7

Thanks for the video, it helped me understand much better :slight_smile:
I’ve been playing with the different options and the smoothing and it start looking the way I want it to be ! Thanks a lot for the help !