Submitted over 2 years ago

Launch Countdown Timer

#tailwind-css#vite#react

Paul Valladares•290

@dreyfus92

Preview site View code

This is a solution for...Launch countdown timer

HTML
CSS
JS

3intermediate

Design comparison

SolutionDesign

Solution retrospective

It was challenging to get the design set and I couldn't achieve the flip animation properly. If anyone knows how to make a proper flip animation let me know. I would love to learn more about animations with css.

Community feedback

Elaine•11,400
@elaineleungPosted over 2 years ago
Hey Paul, I haven't done this challenge yet, but you can check out the solution put together by @crsimpson5 here, which does have flipping numbers: https://www.frontendmentor.io/solutions/responsive-countdown-timer-made-using-vanilla-js-sass-3wnMC395Zn

Hope it gives you some ideas on what to do!
0
Paul Valladares•290
@dreyfus92Posted over 2 years ago
@elaineleung I will check it out, thanks Elaine.
1

Please log in to post a comment

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