Skip to content
Submitted over 3 years ago

Launch Countdown timer with some transition effects made with jQuery.

Rahul kumar Gautam•655
@RahulKumarGautam1636
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

finally achieved the flip effect. In this challenge I learned about the animation property but still used transition with rotateX for the timer flip because it needed less JS code to flip the different timer cards at different times. let me know if I missed something or anything left to improve. feedbacks are awesome.

Community feedback

  • tediko•6,680
    @tedikoPosted over 3 years ago

    Hello, Rahul kumar! 👋

    Well done on this challenge! I also finished it recently so I know how hard this flip animations are 😅 Here's a few things I'd suggest you to take a look at:

    • Since you're using a lot of animations, read about prefers-reduced-motion CSS media feature which is used to detect if the user has requested that the system minimize the amount of non-essential motion it uses.

    Keep up the good work! 💪

    2
    Rahul kumar Gautam•655
    @RahulKumarGautam1636Posted over 3 years ago

    @tediko yes sir, i will definitely read and learn about this thing. Thank you for this valuable suggestion.😊🙏

    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