Design comparison
SolutionDesign
Solution retrospective
I added a custom animation on the separator as a personal challenge. Any idea if it's possible to do the same more simply with plain JS/CSS/HTML?
Community feedback
- @tesla-ambassadorPosted over 2 years ago
Hey Wandocode! this is a very beatuiful solution. The code is well structured and very neat and the custom animation is really awesome! Incase you want to add some more interactivity to your project, you might want to:
- Change the cursor to a pointer when one hovers over the button.
- When the user clicks the button, you can add an effect like:
button:active { transform: scale(0.8); }
That will add the effect of something that has been pressed. These are just a few tips you could borrow for interactivity because your solution is really flawless!
1@WandolePosted over 2 years ago@tesla-ambassador Thanks!
I think those are good ideas, I'll do it!
I never think about
:active
, but I should :-)1
Please log in to post a comment
Log in with GitHubJoin 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