**I would like to know if any tutorials exist explaining how to make an image appear in another container when you hover over like it does in the below wix template.
I have tried to re-make the same animation on my site but when I choose ‘Box C’ for example, I click the ‘appear in’ animation for that container, select the container I would like to appear, but when I click off, no animation is allocated to the ‘Box C’ container**
Old video, but will give you an idea:
n Wix Studio, the “Appear in” hover effect only works if the target element is set to hidden initially and the animation is applied correctly to that element, not the box you hover over.
Here’s how to fix it:
Select the element you want to appear (the image inside the container).
Go to Animations → Appear In and choose the container it should appear in.
Make sure the element’s initial state is hidden (set via Properties → Hidden on load).
Apply the hover interaction to the triggering box (Box C).
Preview the site; when you hover Box C, the hidden element should now appear in the target container.
If it still doesn’t work, check that there aren’t conflicting animations on the trigger box or target container.
You can also use Hover Interactions in Wix Studio for more control, letting one element reveal another without relying on the “Appear in” animation.
Since it’s a template - I’d recommend using it, and de-constructing it to see how it works “behind the scenes”
