component
Image Ticker
By Shivani Sharma
Details
- Shivani SharmaAuthor
- componentType
- 2026-06-05Published
- 2026-06-05Updated
- 2026-05-29Added
- InteractionsCategories
Summary
Image ticker with hover slide-up reveal
Description
How it works:Each card is a component with two variants Default and Hovered. On mouse enter, the image slides upward using a spring transition, revealing the text layer beneath. On mouse leave, it returns to default. For tablet and mobile devices there are two variants, Default and Pressed.Setup:1. Drop the component into your page 2. Double click the ticker to open it. 3. Swap the images and edit the text labels directly on each instance of the cards inside the ticker 4. Adjust ticker speed and gap from the Effects panel.
Introduction
Image ticker with hover slide-up reveal
Rank history
Daily rank per list, from the first snapshot — lower is better.
- All · #85