Submitted over 3 years ago
Social Media Dashboard using Bootstrap/Sass/Javascript
@Mattvp21
Design comparison
SolutionDesign
Solution retrospective
(Revised version)This is my first solution in a while. This one had some tricky parts and I have questions for the community.
(Fixed)-How can I make the toggle transition smoother? I want to make the dark/light modes transition and not just switch immediately.
(Fixed)-I struggled with the top border gradient. Is there a way to tap into the border-top-image?
Would like opinions on the animations!
Happy coding everybody :)
-Matt
Community feedback
- @haquanqPosted over 3 years ago
Good work!, here is my answers to your questions:
- Add a
transition:
to the element that will change it's properties when somthing is toggled. - Instead of using
border:
, you can use adiv
orspan
instead and style it. - If you don't have any kind of data relate to the value that display, you should create one and based on that to toggle DOM Element style.
Marked as helpful1 - Add a
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