From our monthly sponsor: Automate manual QA and catch visual bugs with Percy’s all-in-one visual testing and review platform.
Today we’d like to share a little draggable experiment with you. The idea is to show a strip of differently sized images that can be dragged. When clicking and holding to drag, a title element appears and the images get scaled. This separates the images and gives the whole thing an interesting look. When a number gets clicked, the same separation happens and then the images fly up. Another larger version of the images slides in from the bottom.
The initial view looks as follows:
When we click to drag the image strip, we show the title:
When clicking on a number, we slide the images up and show a larger view with some content:
Here’s a preview of the whole thing in motion:
We hope you enjoy this experiment and find it useful!