Skip to content
Submitted over 1 year ago

Interactive Rating Component with HTML, CSS, and JS

Ray•430
@ray-mak
A solution to the Interactive rating component challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

How can I get the "thank you" card to slide in after I hit the submit button? Right now it just transitions immediately. I'm trying to get it to ease in. Thanks!

Code

Please log in to post a comment

Log in

Community feedback

  • Chenxi•210
    @Chenxi96

    Hi Ray,

    This looks great! After looking through your code I notice that you used display none for your div#thank-you-container, unfortunately you can’t use transition with display none. There’s a work around for this but the best way is to use @keyframes. Here’s a link for reference: https://www.geeksforgeeks.org/why-transition-properties-does-not-work-with-display-properties/amp/

    Marked as helpful

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