De nada. No hace falta citar todo el mensaje anterior, y menos si es el inmediato anterior. Por lo menos después hiciste una buena descripción del caso, hay gente que detrás de la enorme cita pone un
"No entiendo" o un
"No funciona", y ahí los tenemos que ajusticiar.
No tengo idea de lo que es un plugin de wordpress, sólo te puedo orientar para hacer el efecto, que es muy simple.
CSS3 te ayuda en animaciones más complejas, pero si es nada más que "oscurecer" la foto, el viejo
:hover CSS2.1 alcanza y sobra.
El desplazamiento de la capa debe ser un
transition (otros efectos podrían ser
animation,
transform o hasta
keyframes, pero si no te interesan ahora, los ves más tarde con tiempo.)
P.D.: Bueno. No había necesidad de repetir el tema. Podía seguir acá y pedíamos el traslado.
Modificar efecto hover imagen
Y la transición suave se le da con
transition. Hay mil ejemplos en la web y en este Foro, por eso no pongo otro.
Por supuesto, solamente se va a ver en los navegadores que soporten CSS3 (con o sin prefijo).
Una recomendación, en ese otro tema (que seguramente juntarán) poné un ejemplo completo de lo que tenés, con una copia del CSS no hacemos nada. Y cuando digo "completo" no es
copiar y pegar todo lo que encontrés sino una versión simple, solamente de lo que precisás.
Aunque me sospecho que no tenés mucha idea de CSS; vas a tener que aprender un poco primero.
Empezá a practicar con una maqueta simple, un
span con fondo negro y adentro la foto, con opacidad 1.0 . Después con
:hover le cambiás la opacidad a 0.5 . Y no te va a andar en versiones viejas de IE, ahí te tenés que olvidar de CSS y morir en javascript.
Cuando lo tenés funcionando, empezás a ver cómo es la transición. No podés tener problemas, pero si te aparecen venís con ese código y lo vemos.