Hover Fade out/ Fade in - CSS help
-
Hi there everyone!
I'm trying to make a fade out fade in hover but I've been back and forth and it's not working as expected.
The project thumbnail image is fading out on hover but it's not fading in as soon as the mouse leaves the hover area.
Here's the CSS I have:.ph:hover {
opacity: 0;
-webkit-transition: opacity 350ms ease-in-out;
-moz-transition: opacity 350ms ease-in-out;
transition: opacity 350ms ease-in-out;
}And here's the link:
http://franciscopardo.pt/wpThanks!
-
Hey, maybe you tried it before, but did you look at that?
http://laythemeforum.com:4567/topic/989/hover-on-simple-images/9
I did it on simple image, I remember it was working. This part is working for link images so maybe also thumbnails?
cheers -
Before you post:
Use the Search Feature. Maybe there is already a solution to your issue.
1. Update Lay Theme and all Lay Theme Addons
2. Disable all Plugins
3. Go to Lay Options → Custom CSS & HTML, click "Turn Off All Custom Code ", click "Save Changes"
4. When using a WordPress Cache plugin, disable it or clear your cache.
Now see if your problem solved itself.
Go here, see if your problem is listed here:
Troubleshooting
When you post:
1. Post a link to where the problem is
2. If the problem is difficult to explain, post screenshots / link to a video to explain it
I don't answer or check forum DMs, please just post on the forum.