Frontend Mentor help
Hi, I'm stuck on a particular part of this challenge since I've never done it before.
Essentially when I hover over that image, it should turn cyan with that icon in the middle
4 Replies
Use div which contains that icon in middle and make it cover your image and than set to opacity 0. And then change opacity on hover.
This will help https://www.w3schools.com/howto/howto_css_image_overlay.asp
no need for extra div just use pseudo element 🙂 https://codepen.io/MannixMD/pen/zYaOrwQ
Great solution @mannix_
Thanks guys! 🙂