Design comparison
SolutionDesign
Solution retrospective
I have not know how to make smooth transition between light theme and dark theme please guide me.
Community feedback
- @TsiolisPosted almost 3 years ago
Hi Jimmy
Good job on the challenge!
You can add a smooth transition by addition a CSS transition to your .main::after styling like this:
.main::after{ content: ""; position: absolute; top: 0; left: 0; bottom: 240px; right: 0; border-radius: 0 0 30px 30px; background-color: var(--bg-top); z-index: -2; transition: background 1s; }
Just change the number of seconds you want the transition to last if you want it to be faster or slower.
Happy coding!
Thomas
Marked as helpful1
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