Floating animation Icons

Design help Animations & Interactions
1

Hey guys,

I’d like to animate my site with floating icons like they did on these websites:

I think it’s CSS/Animation but don’t really know where to start

If someone could shed light on this, that’d be amazing!

Thanks!

2

Hey @SachaKzn You can create those using native webflow interaction

  1. Select your icon as an element.
  2. Add a page-load trigger=>when the page finishes loading
  3. Move the icon -10px(you’re desired range)=>0px=>-10px with easings
  4. Check the loop to continue looping the animation.

Hope it helps :peace_symbol:
if your request was solved feel free to check any response as solution to mark this request as solved :peace_symbol:

1 Like