Saludos cordiales a todos.
Estoy haciendo una barra de menus con los iconos de las redes sociales. Quiero aplicarles un fade para que al hacer Hover sobre el icono se muestre el mismo icono de otro color, en definitiva, una sustitución del background aplicandole un efecto de transición. El problema es que en Firefox y Safari no se me aplica la transición y en en Chrome si me lo hace correctamente. Os dejo el código de uno de los link:
Código:
ul.social li a span.twitter{
width:32px;
height:32px;
display:block;
background:url(images/twitter.png);
transition: background 0.3s linear;
-webkit-transition: background 0.3s linear;
-moz-transition: background 0.3s linear;
-o-transition: background 0.3s linear;
}
ul.social li a:hover span.twitter{
background:url(images/twitter-on.png);
}
Me extraña mucho porque tengo otras web donde el mismo código si funciona y ahora en este caso me está dando ese problema. Es posible que sea algún fallo estupido mio y no me esté dando cuenta.
Gracias por las respuestas.