How can I replicate the floating icons (like on the Figma community page) on my landing page: https://www.figma.com/community
Here is my site Read-Only:
I’d probably stick with native interactions.
Two divs, outer and inner.
Make the outer flex center middle, so that the inner floats inside of it
Size the outer to your liking
Set the outer position to relative
Drop your icons as image elements inside of the outer div, positioned absolute, using percentages. Use SVGs or possibly Lotties for responsive scaling and effect
Setup your hover interactions to hide/show the specific images you want
Once it’s all working do your responsive work to scale everything and shrink your images. They’ll remain in position if you use this technique.