Use hover animation to separate 3 squares when hovereing on the front one?

Ask the community
, ,
1

Question:
How do I set up a hover animation to reveal 3 boxes, with only 1 initially visible?

Product:
Wix Studio

What are you trying to achieve:
I’m attempting to set up a hover animation where I have 3 boxes to display the names of our memberships, gold, silver, and bronze. I have them on a 10-degree skew and want it so you can only see gold until you hover on it, and the other 2 reveal behind it, as in they push out the back. I’ve seen this effect done in the ‘4 Wix features you gotta know’ video on their YouTube, but I’m struggling. I’m new to Wix Studio.

What have you already tried:
I’ve used a custom hover animation to move them, but I don’t know how to set them up to move when the front square is hovered on, as opposed to them all requiring to be hovered on separately.

2

This tutorial is somewhat similar to what you want to achieve. Just use Hover instead of Click.