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

pricing component with toggle using css

@fadzrinmadu

Desktop design screenshot for the Pricing component with toggle coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
2junior
View challenge

Design comparison


SolutionDesign

Solution retrospective


does anyone have an idea to make micro animation on the toggle?. please review my code I am very excited to receive your feedback

Community feedback

P
Matt Studdert 13,611

@mattstuddert

Posted

Great work Muhammad! Your solution looks really good. For the micro animation are you talking about the prices?

If so, you could use opacity and transition on the prices to fade them in and out if you like. You would need to add position: absolute; to the prices so that they overlap.

I hope that helps. Keep up the great work!

1

@fadzrinmadu

Posted

@mattstuddert thanks for the comment. I will fix it

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