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

Launch Countdown timer with some transition effects made with jQuery.

@RahulKumarGautam1636

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


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

P
tediko 6,560

@tediko

Posted

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

@RahulKumarGautam1636

Posted

@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
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