Skip to content

component

Image Ticker

By Shivani Sharma

Details

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.

1511011088/148/208/279/39/10
  • All · #85