Design comparison
Solution retrospective
I learned how to make a theme switcher through this challenge!
For the animation keyframes:
-
I made the cards flip on page load, using
transform: rotateX() -
Using pseudoelements, I included a ripple animation whenever the viewer activates the toggle!
I also made the transition between themes a bit slow so that it's easier on the eyes.
Community feedback
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