Moving interfaces animation

Design help General
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 : December Labs: UX/UI Design and Mobile App & Web Development

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 : December Labs: UX/UI Design and Mobile App & Web Development

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 : December Labs: UX/UI Design and Mobile App & Web Development

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:

1 Like
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:

http://cloud.ipagroup.co/qChd

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

Hope that helps

2 Likes
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 !

1 Like