Design comparison
Solution retrospective
How do I add a box-shadow property to the button? I tried it, but wondered why it didn't work. Thanks in advance!
Community feedback
- @correlucasPosted over 2 years ago
πΎHello OLORUNDAMI , congratulations for your new solution!
To add the button box-shadow, all you need to do is add this:
box-shadow: 2px 4px 17px 3px rgb(0 0 0 / 15%);
if you're not really into box-shadows you can use Figma to create your shadows and just drop the code inside the css or use an online tool to create the shadows.You can use this online tool for example:
https://www.cssmatic.com/box-shadow
To fix your background use this properties;
body { background-size: cover; min-height: 100vh; }
.btn { border-radius: 40px; padding: 13px 63px; box-shadow: 2px 4px 17px 3px rgb(0 0 0 / 15%); transition: ease-in 0.2s; }
π I hope this helps you and happy coding!
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