Submitted about 3 years ago

Launch count-down timer

Siva kumar Katari• 150

@sivakumarkatari2020

Preview site(opens in new window)View code(opens in new window)

This is a solution for...

Launch countdown timer

HTML
CSS
JS

3intermediate

View challenge

Design comparison

SolutionDesign

Solution retrospective

Hello everyone, this is my new solution and of course it looks some weird ,due to that flipping animation and it is applying for every second and I tried it many different ways but it is not working ,If you have gone through my solution code and you got an idea for resolving this please let me know in the comments, I will update it.

Thank you.

Community feedback

Amon• 2,560

@A-amon

Posted about 3 years ago

Hello, it looks great! To make certain cards flip only when their values change, I would add a class to the card when the time comes for it to flip, instead of setting the animation to infinite. I would suggest putting the long JS code into a separate .js file to make it neater.

Marked as helpful

Siva kumar Katari• 150

@sivakumarkatari2020

Posted about 3 years ago

@A-amon okay I will try this way. Yeah I think also to divide my js code into separate file, thanks for this amazing feedback 🙌

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