top of page
How to create hover interactions
ABOUT
Want to add hover interactions to your Wix site? Here's how you can.
SUITABLE FOR
Editor X
PROJECTS USED
Chapter 01: Layout
01. Add a container
02. Make the container a square
03. Add a 2x2 grid
04. Add a shape in one cell
05. Place the shape in the container
06. Center the container and set the size
07. Duplicate to other cells and replace shapes
Add paragraph text. Click “Edit Text” to customize this theme across your site. You can update and reuse text themes.
Chapter 02: Interactions
01. Add a hover trigger to a shape container
02. Select the affected element on stage
03. Add an effect to the shape
04. Set the shape to move horizontally: X -100%
05. Repeat the hover interaction with all the other shapes
Add paragraph text. Click “Edit Text” to customize this theme across your site. You can update and reuse text themes.
MORE HOW TO'S
bottom of page