Built with Rive

Hover Animation in Rive

Marvin

Marvin Te

To make our portfolio website more interesting, we added a playful animation when the user hovers over a portfolio item. You can check out the website here: https://plainlysimple.studio
Cursor tracking and delay are implemented using JavaScript. When the portfolio item is hovered over, the open input is triggered. When the user exits a portfolio item, the close input is triggered. When the user clicks the item, the click input is triggered,, and a happy animation is triggered. It's a slight nod that we're delighted when people check out our work.
Are you ready to take your website to the next level? Contact us!
Like this project

Posted May 2, 2025

Added playful hover animations to portfolio items on Plainly Simple Studio's website. The animation was done using Rive and was implemented in Webflow.