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
Mahesh
Mahesh•3y ago
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
W3Schools offers free online tutorials, references and exercises in all the major languages of the web. Covering popular subjects like HTML, CSS, JavaScript, Python, SQL, Java, and many, many more.
Mannix
Mannix•3y ago
no need for extra div just use pseudo element 🙂 https://codepen.io/MannixMD/pen/zYaOrwQ
Mahesh
Mahesh•3y ago
Great solution @mannix_
argbet
argbet•3y ago
Thanks guys! 🙂
Want results from more Discord servers?
Add your server