Creating a Hover-Slowed Animation in RiveCreating a Hover-Slowed Animation in Rive
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
I have this idea in Rive where the animation would slow down if you hover over the image. The tricky part here is you can't databind the speed in your timeline. So we just need to get creative. We can already databind the transition duration. So, instead of animating keyframes in the timeline, we make the timelines as keyframes, and we make the whole state machine as the timeline. Each timeline only has a single key, and since we now have transitions from one timeline to the next, we can now databind its duration, thus controlling the speed of the whole animation. Everything here, from design to animation to the interaction, is done inside Rive.
VIMAL's avatar
WOW nice
Marvin's avatar
Thanks!
Back to feed
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started