site profile thumbnail

Description

This image gallery concept with p5.js features images that float around the screen randomly and scale up based on proximity to the cursor. As the images get closer to the cursor, they scale up, but as the distance increases, they shrink! Additionally, as the images approach the viewport borders, we'll make sure they reverse direction, such that they bounce around and I'll show you how to find tune the behavior with custom variable in Webflow.
imagesp5jsimagegalleryimageanimationanimationhoverhovereffecthoveranimationmousemovementmousemoveoverelementinteractivecursorscalecustomcode

Related Made in Webflow Projects