Design comparison
Solution retrospective
The hover and transparency part really beat me, I tried everything but nothing worked correctly, if anyone comes up with something I'd appreciate it :D
Community feedback
- @Hazel-BlackPosted almost 2 years ago
Hey love! I hope this helps, I just finished this and the hover was very difficult for me too. The way I resolved this was by adding an opacity to the color itself and using opacity 0 on the div that contained the SVG and then using opacity 1 when targeting that same div with the pseudo class of Hover. I feel like that might be a bit confusing if your very new feel free to direct message me on slack if you need help or would like me to demo it for you.
Marked as helpful0@mfkutzPosted almost 2 years ago@Hazel-Black I don't really understand what to do (I'm new) I'll see but thank you very much for your advice! :D
0@Hazel-BlackPosted almost 2 years ago@mfkutz are you all slack, I'd be happy to walk threw everything via zoom if you want. I really don't mind helping plus it will force to to remember the things i'm showing you lol
0 - @approved4mePosted almost 2 years ago
Check here for the hover and transparency solution (".overlay" class):
https://github.com/approved4me/FM-nft-preview-card-component-main/blob/main/style.css
Marked as helpful0
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