Buen día.
La idea es esta: tenemos un link con un
background-image, y queremos que cuando se pase el cursor encima se vea otra imagen de fondo. Y que cuando se vuelva a pasar el cursor encima por 2da, 3ra, 4ta, etc, vez, se vea el efecto
hover. Eso es todo.
Utilizo el sig código:
Código CSS:
Ver original#linkImagen {
display:block;
position:relative;
top:0;
left:0;
width:200px;
height:200px;
background-image:url(img1.gif);
}
#linkImagen:hover { background-image:url(img2.gif); }
La pregunta es: ¿por qué este código funciona bien si las imágenes son
JPG y no
GIF animados?
Aquí les dejo las 2 imágenes GIF. La segunda es animada.
Imagen 1 Imagen 2 (La 2da img es un GIF animado diseñado
sin loop)
Saludos cordiales. 