top of page

How to create moving titles on hover

ABOUT

Want to make your title scroll on hover? Follow this guide to add this interactive effect to your Wix site.

SUITABLE FOR

Editor X

PROJECTS USED

Start Now
Start Now
Start Now
Start Now

Chapter 01: 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

Chapter 02: 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.

Chapter 03: 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.

MORE HOW TO'S

How to move elements to random positions

How to use the Blog API

How to create dynamic lightboxes

How to create hover interactions

How to create a floating image effect

How to create image hover interactions in a list

View Tutorial
bottom of page