How can one (re)design this effect in webflow?

Design help General
1

Hi there!

I’m pretty new to web development. So this might be a silly question :slight_smile:

I’ve seen the moving object (sock) on this website and would like to reconstruct this in webflow.

Is it possible?

Where could I start?

Thanks :slight_smile:

2

I should have searched for the right topic!

“Floating CSS” was the answer :slight_smile:

Here is what I’ve found:

3

I found this experiment very interesting.

I have a project where I try to help others to achieve certain things and this specific one draw my attention I think that I created something that you can use, its built completely in Webflow without any custom code.

https://preview.webflow.com/preview/testingplayground?preview=eaf772107fb9b54c77952adb2d2647e2

Go to page > Floating element

1516×934 996 KB

There you can see how I built it, hopefully can help you in some way.

Cheers,

2 Likes
4

Hey aaronocampo,

thank you for your great example!

That’s what I was looking for.

By reverse designing your example I was able to figure out how to create this effect :slight_smile:

cheers

1 Like
5

Glad it helped! :thumbsup: :smiley:

6

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.