@IZY-BOY
Posted
Hi, I just notised a probleme with my solution but don't know how to fix it. When the cursor is on the equilibrium image, the color changes to cyan but the eye is not visible. any suggestions about this???
@pvcordeiro
Posted
@IZY-BOY Create a container with the eye image inside of it. Add the cyan color as the container background (remember the alpha to make it translucent) and and make both the container and the eye invisible with opacity: 0; then on your ::hover add both again and use opacity:1;
@xaintobas
Posted
@IZY-BOY try loading the eye icon correctly in your index.html file by using the code below. It should work.
<img class="equilibrium" src="images/icon-view.svg" alt="eye">
@IZY-BOY
Posted
@xaintobas on my computer the image is visible but when i connecte from the github livepage link it doesn't.
@xaintobas
Posted
@IZY-BOY yeah. It's like that most times. Please try to update your index.html with the code and push the update to GitHub. Let me know if it works that way.
@Hangar5
Posted
@IZY-BOY How are you?
The error is here;
<img class="equilibrium" src="../images/icon-view.svg" alt="eye">
where it says src=" instead of two dots .. there must be only one, it would look like this.
<img class="equilibrium" src="./images/icon-view.svg" alt="eye">
That's it, the image should be visible without any problem.
Greetings π
Marked as helpful
@IZY-BOY
Posted
@Hangar5 I'm fine and i hope you too???
Thanks for the help, it worked.πππ₯³