Tip Calculator App Vue 3 Vitesse

Solution retrospective
I was curious how to animate transitions when DOM nodes holding reactive data update. I know approaches to animate transitions when elements enter/leave the DOM or are hidden/visible. But animating the tip amount per person and total bill amount per person would be a nice effect, especially compared to the instant change that doesn't provide the sense of satisfaction and wow factor that I'm looking for.
Please log in to post a comment
Log in with GitHubCommunity feedback
- @Cats-n-coffee
Hi Daniel!
I wasn't able to access your live solution, the page returns 404. However regarding animating data, I have used Gsap with Vue. It might take a little playing around with it, but it's a nice library. Here are some articles with examples: this logRocket one and this Medium one. You can find more online. Hope this helps!
Marked as helpful
Join our Discord community
Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!
Join our Discord