Hide/show animation on hover wiggle/shaking

Design help Animations & Interactions
1

Hey,

knows anyone why my social icons (in the left bottom of the page) are wiggle/shaking when I hover over them? My animation is very simple, on hover show the “red” image and hoverout show the “dark” image.

Here is my public share read only link: LINK

2

@jan_schneid3r Welcome to webflow!

Because u using hide/show. If you hide an item it’s like you removed it. And the other items move in the empty space.
You can easily do this with no interaction:

  • Make a “div”
  • Set a “width” and “height”
  • Set a background image with your black icon
  • Switch to “hover”
  • Set a background image with your red icon
1 Like
3

Thanks for your great idea.

1 Like