Design comparison
Solution retrospective
Any feedback is welcome. I noticed that at some resolutions the moving part of the counter makes slight (like 1px) move to the right for the duration of the animation (Opera browser), which I assume is side product of rendering "transform: rotateX()", is that correct? If so, is there an easy way to control/fix how it renders?
Community feedback
- @ApplePieGiraffePosted almost 4 years ago
Hey, Karel Klečka! 👋
Like the others have said, amazing work on this challenge! 👏
I really like how the top of the countdown cards bounce a little when they hit the bottom of the card—that small detail really sells the animation! 🤩
Keep coding (and happy coding, too)! 😁
1 - @jianninetorresPosted almost 4 years ago
Lovely implementation! How did you like using GSAP for this challenge? Do you find it better to use than CSS or regular Javascript?
1@KlekarPosted almost 4 years ago@jianninetorres Thanks! For this specific challange, I think, CSS transitions could do the animation just fine, depending on how smooth would be the bounce animation done in bezier curve. Coding it with GSAP was easier than using CSS transitions let alone JS or CSS animations. Peformance-wise it should be comparable to animating with CSS is what I found.
1@jianninetorresPosted almost 4 years ago@Klekar thanks for letting me know, I’m inspired to try it with gsap now :)
1 - @abhik-bPosted almost 4 years ago
Hi Karel , Excellent work 👏 Your solution is perfect 🙌, its very responsive and the flipping animations is just 🔥🔥
Keep it up 💯
1 - @MasterDev333Posted almost 4 years ago
Great work @Karel. It's the best solution for this challenge, I've seen. It's "Perfect". Look forward to seeing other solutions from you. Happy coding ~ :)
1 - @OlehTovkaniukPosted almost 4 years ago
You've done some great job, Klekar. You've inspired me to try this challange though I think it won't be an easy nut for me.
0
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