Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Countdown timer w/ flip effect animation

@gustavo-sorati

Desktop design screenshot for the Launch countdown timer coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
3intermediate
View challenge

Design comparison


SolutionDesign

Solution retrospective


Hello,

It's my first challenge, I used setTimeout to do the 'flip' effect, but I'm trying to do this with requestAnimatedFrame, you can see the script in script-v2.js, but in this version (v2) there will still be some bugs.

Any feedback is welcome and I hope you have a good day.

Community feedback

David Payne 1,205

@dpayne713

Posted

Hey Gustavo,

Looks nice! It is responsive and the countdown appears to be working well.

I notice that the 'seconds' counter seems to be inverted. As in -- the shadow appears to be above instead of below the counter 'box'. This is in Desktop Safari. FYI.

Best,

David

0

@gustavo-sorati

Posted

@dpayne713 thanks for the feedback, I didn't notice, I'll fix it.

0

Please log in to post a comment

Log in with GitHub
Discord logo

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