How to create moving titles on hover
PROJECTS USED
TAGS
SUITABLE FOR
Editor X
ABOUT
Want to make your title scroll on hover? Follow this guide to add this interactive effect to your Wix site.
Layout
01. Add a repeater with one list item
02. Stretch the repeater to the right -20vw
03. Add a text element and an image to the list item
04. Make the item grid repeat 3 times
05. Set the elements inside the columns to "max-content"
06. Add a 2nd repeater item
07. Add vertical and horizontal spacing
Database
01. Add a collection to the site
02. Add "Image" and "Tag" fields
03. Add content in the fields
04. Add a dataset to the page
05. Connect repeater elements to the dataset
Add paragraph text. Click “Edit Text” to customize this theme across your site. You can update and reuse text themes.
Interactions
01. Add an effect to the repeater item
02. Set item to move horizontally x:-20vw
03. Set timing
04. Add a trigger to the effect
Add paragraph text. Click “Edit Text” to customize this theme across your site. You can update and reuse text themes.
