Responsive Time-Tracking Dashboard with Counter-Animations
Design comparison
Solution retrospective
At least i'm proud of the result and that i did not use a animation library like gsap. I like the animations and overall look and feel. Also that i completed this challenge within the given timeframe of 5 hours is great.
What challenges did you encounter, and how did you overcome them?The counter animation part was a bit tricky. I first tried to animate the different counters via css-properties. But - maybe the @property API is still "new" - there seems to be no change to manipulate those custom properties via JavaScript. Maybe someone else knows a way to do that.
What specific areas of your project would you like help with?Maybe JavaScript (structure) and a way to use automated animations via CSS-Custom Properties and JavaScript.
Community feedback
Please log in to post a comment
Log in with GitHubJoin 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