Skip to content
Submitted almost 4 years ago

Countdown timer w/ flip effect animation

Gustavo Sorati•70
@gustavo-sorati
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Launch countdown timer
  • HTML
  • CSS
  • JS
3intermediate

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
    @dpayne713Posted almost 4 years ago

    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•70
    @gustavo-soratiPosted almost 4 years ago

    @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

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