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:
- When using a WordPress Cache plugin, disable it or clear your cache.
- Update Lay Theme and all Lay Theme Addons
- Disable all Plugins
- Go to Lay Options → Custom CSS & HTML, click "Turn Off All Custom Code", click "Save Changes"
This often solves issues you might run into
When you post:
- Post a link to where the problem is
- Does the problem happen on Chrome, Firefox, Safari or iPhone or Android?
- If the problem is difficult to explain, post screenshots / link to a video to explain it