Stan
June 24, 2022, 12:19am
6
Hi @Clafond17 if I understand correctly you are looking for revealing an overlay on mouse hover.
Hello, I need help.
So I’m trying to create a grid with pictures that when you hover over each they change to a solid color with a text (name).
I’m using a grid for each picture, with the text overlapping the image. Then I applied the text color and BG color animations to the text, setting it to transparent as initial “on hover” state, then the colors I want as final state. And then on “on hover out” is the opposite (color to transparent).
The issue is that even though outside the animation (…
HI @Tom_O_Boyle the interaction you trying create is simple task but you have took different path you should and it made your live harder. Here is a simple example of similar card overlay animation I have done long time ago as example for someone else here on forum.
Have a look and let me know if you would not understand or need some clarifications how and why.
Have a successful day
These are just two of many solutions you can find here on forum. You can also use search input field to find another ones, to save your time here is another link.
https://discourse.webflow.com/search?q=overlay%20on%20hover%20order%3Alatest
