Design comparison
Solution retrospective
Hello there guys. Newbie programmer here. Here's a submission of my Stats Preview Card. Kindly give any feedback on the project. All feedback would be really appreciated.
Community feedback
- @OThyagoCarvalhoPosted about 3 years ago
It's looking great! How did you colourise the image?! I tried to use filter but couldn't get a satisfactory result ...
0@tea-scriptsPosted about 3 years ago@OThyagoCarvalho Thank you.. I added the image as a background image an made use of linear gradient to overlay the color on the image.
0@RiscloverPosted about 3 years ago@OThyagoCarvalho There are several ways to achieve the "colored image" effect. For my solution, I had the image sitting in a div, put a colored background on the div, and put opacity on my image. I've seen some other suggestions using wildly different methods, though, so I don't think that I'm giving you the "best" way, per se, but rather just a way that I thought worked for me.
Marked as helpful0@tea-scriptsPosted about 3 years ago@Risclover Yeah.. I understand there's no definite way of getting our desired result. I also created a div an then used the image as a background and created an overlay on the image. I find that a bit easy to achieve overlay on images that would have no text content or any other content on them.
0
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