Karel Klečka• 160
@Klekar
Posted
Thank y'all for your feedback! I appreciate it ❤️
1
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
P
ApplePieGiraffe• 30,565
@ApplePieGiraffe
Posted
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
Jiannine Torres• 210
@jianninetorres
Posted
Lovely implementation! How did you like using GSAP for this challenge? Do you find it better to use than CSS or regular Javascript?
1
Karel Klečka• 160
@Klekar
Posted
@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
Jiannine Torres• 210
@jianninetorres
Posted
@Klekar thanks for letting me know, I’m inspired to try it with gsap now :)
1
Abhik• 4,840
@abhik-b
Posted
Hi Karel , Excellent work 👏 Your solution is perfect 🙌, its very responsive and the flipping animations is just 🔥🔥
Keep it up 💯
1
Web Frog• 1,840
@MasterDev333
Posted
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
Oleh Tovkaniuk• 505
@OlehTovkaniuk
Posted
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 GitHub
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