Skip to content
Submitted over 2 years ago

Launch Countdown Timer with Gulp and Sass

Jérôme Haas•320
@jeromehaas
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

I can't manage to find a solution to get the anmiation working in the Safari browser.

Does anyone have a hint why the Safari browser displays the animation differently than other browsers and how to fix it?

Community feedback

  • bunee•2,020
    @buneeIsSloPosted over 2 years ago

    Hey! @jeromehaas, Great job on the challenge! Your page responds very well and your code is super clean too. I don't have an answer to your question however, I do have a question for you...

    • Don't you think the glowing stars effect is too subtle? Maybe consider increasing the size of the stars or giving it a brighter colour?
    • Also, I think using a <canvas> to create the stars would be more appropriate than creating and appending a bunch of <div>s. If you're interested here's my solution. I used a canvas to create a particles effect.
    Marked as helpful
    0
  • Jérôme Haas•320
    @jeromehaasPosted over 2 years ago

    Hi bunee.

    Thanks a lot four your review and your tips!

    Your solution looks super nice. I'm not familiar with the canvas element yet - but I'll give it a try.

    Thanks and best regards, Jérôme

    1

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