Submitted almost 4 years ago

Countdown with Animated Flipcard (dodgy pseduoelements?? 🤔)

gsap, vue

Fraser Watt•1,790

@fraserwat

A solution to the Launch countdown timer challenge

Preview Code

Solution retrospective

Been working on this one on and off for ages. As a result the code is a bit messier than it usually would be. But I finally got the animation working! (in the end I just decided to look for a tutorial, but even then it probably took a couple hours)

My pseudoelements still aren't working right, they disappear under the animated divs (even though they have a higher z-index?)

Anyway, any suggestions on how to fix that (or improve generally) v much appreciated!

Thanks!! 👍

Code

Please log in to post a comment

Community feedback

No feedback yet. Be the first to give feedback on Fraser Watt's solution.

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