Imran, you are a lifesaver! I have been looking for this effect where an "opens a new window" icon appears on hover over an image to show the link opens in a new window for a couple of hours but nothing worked until yours. Thank you!
Thank you so much 😀 That seriously means a lot ! I try to create videos that feel more real and would be relevant rather than a zany idea which wouldn't fit into most web designs :)
Looks great. Can I use that effect also for the nav menu? I have a nav menu and I want an image, which is behind, appear when I hover over it or when I activate the menu.
@@websquadron I've tried that but the link colour is the same like the colour of the image, so i would need to change the text colour turn to black as well when I hover over it. That overwhelms me. And what happens when the menu link is activated? The image has to stay in the back and the text colour has to be black.
@@websquadron I've just tried to get the effect by using a button in the header. I've managed to display the image in the background of the button when hovering over it. It just looks strange because the image is kind of "fading in from the left" and I don't know how to turn this effect of...
That's my guy once again! 👏🏻🎉 I'm learning more CSS with you than when I studied pure coding!
4 June 2024
Thanks a lot! Made my life much easier today :)
This was explained so well Im glad I stumbled upon your channel :)
Briliant, Thanks for this simple trick !
Outstanding! Exactly what I needed. Love being able to do this without using a plugin. :)
Imran, you are a lifesaver! I have been looking for this effect where an "opens a new window" icon appears on hover over an image to show the link opens in a new window for a couple of hours but nothing worked until yours. Thank you!
I love your videos...seriously you are the best 👌
Thank you so much 😀 That seriously means a lot ! I try to create videos that feel more real and would be relevant rather than a zany idea which wouldn't fit into most web designs :)
Great job man. Love the creativity
Thank you! Cheers! It's so awesome what we can do without using another plugin. Take care!
it makes sence to show the result before showing the process
Okay. Noted. Thank you.
And what if I want to customize this? Like, I want it to slide up when I hover over it, rather than just fade in?
It'll need some refinement with the CSS Transition syntax.
Hello I need help. I want that when i hover on image, hover effect attend on another element. How can i do that?
That's a tricky one.
@@websquadron :/
Looks great. Can I use that effect also for the nav menu? I have a nav menu and I want an image, which is behind, appear when I hover over it or when I activate the menu.
Yes, absolutely, when hovering over the column that houses the Nav Menu.
@@websquadron I've tried that but the link colour is the same like the colour of the image, so i would need to change the text colour turn to black as well when I hover over it. That overwhelms me. And what happens when the menu link is activated? The image has to stay in the back and the text colour has to be black.
@@websquadron I've just tried to get the effect by using a button in the header. I've managed to display the image in the background of the button when hovering over it. It just looks strange because the image is kind of "fading in from the left" and I don't know how to turn this effect of...
Hi what tweak to make in the code to make the image disappear on hover ?
You need to reverse the logic where opacity: 0 is invisible.
if flip box can do same?
Yup but sometimes flip box can limit you