Los efectos básicos realizados con CSS no nos dejan de sorprender, en este caso el efecto hover que en una imagen se genera al colocar el puntero del mouse sobre la misma.
2 ejemplos de muestra:
Los códigos son muy sencillos:
Colocas el CSS antes de ]]></b:skin>
.Imagenhover a {
display: block;
width: 100px; /* Ancho de la imagen hover */
height: 100px; /* Alto de la imagen hover */
}
.Imagenhover a:hover, .Imagenhover a:focus, .Imagenhover a:active {
background: transparent url(Url-de-imagen-2) no-repeat;
}
.Imagenhover a:hover img, .Imagenhover a:focus img, .Imagenhover a:active img {
background: transparent;
visibility: hidden;
}
Y el siguiente HTML lo colocas en una entrada
<div class="Imagenhover"> <a href="#"> <img src="Url-de-imagen-1" width="100" height="100" /> </a> </div>
0
Ancho y alto de la imagen 1
