Simple floating animation

Hi All,
I want to create a simple floating animation without any 3d effects. I will be using images as floating objects.
Here is an example:

I want the animation to just start happening on page load.

thanks for any and all ideas and sources!!


Here is my public share link: LINK
(how to access public share link)

Do you mean the moving blobs?

In that case you cannot make them in webflow natively as far as I can tell, though I remember @vincent posting a sort of tutorial to something similar, maybe he will remember.

Otherwise you will need to insert custom code from someone’s pens to your liking like this or this or this. Basically just search “blob” on a codepen to see if there is anything you like in particular.

Refer to these resources on how to use custom code in Webflow.


https://university.webflow.com/article/how-to-add-custom-head-and-body-code-to-a-webflow-site.

@Luke_Dohner To replicate that exactly - what @dram said :slight_smile:

To use your own images as floating objects this cloneable project might give you a good starting point (and playing around with looping animations) https://discourse.webflow.com/search?q=looping%20animation