Hide/show animation on hover wiggle/shaking


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

@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

Thanks for your great idea.

1 Like