I’m trying to mimic the animation on this website: https://aristidebenoist.com/. I think it’s built using HTML and JavaScript, and I’d like to create something similar in Readymag.
I already have the boxes set up. What I want is for a box to expand when it’s clicked, and then allow horizontal scrolling to move between the expanded boxes. I’m not trying to recreate the hover animations or the 3D scroll effects, just a simple horizontal scroll.
Right now, when I click the box at the end, the red box appears and scales up. However, when I click the red box, the blue boxes disappear. Then, when I click a blue box, the red box disappears.
Ideally, I’d like:
-
All boxes visible in a horizontal layout
-
Clicking a box makes it expand
-
The user can scroll across the expanded boxes
-
A way to return to the original view where all boxes are smaller
Is this kind of interaction possible in Readymag?