Looking to hire developers?
Hi there,
I have no idea how to do these things.
for the image to have a purple overlay.
for the mobile version to look like the example.
Please assist. Thanks.
@ParthPatel76
Posted
you need to first nest img inside a parent div, then, use css property: opacity -> on img then set background-color property on parent div.
above 2 properties, will help you to make your design as close as possible to given challenge.
@MelvinMelonGit
Posted
thanks for your reply! Will try that when I have time to improve on this.
@cutebid
Posted
put the img tag in a div container, then set the div background color and set the img to a property of mix-blend-mode and value of multiply then play with opacity as you want.
I hope this helps
@MelvinMelonGit
Posted
thanks for your reply! Will try that when I have time to improve on this.
@abhishekg495
Posted
You can use the sepia image filter combined with hue-rotate to first insert some orange into the image and then rotate it to purple
@MelvinMelonGit
Posted
thanks for your reply!
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
