Bastante son los trucos que se pueden descubrir con CSS. Y algunos de ellos son una muestra de como descubrir sencillamente imagenes colocando el puntero del mouse sobre ellas como en los siguientes ejemplos:
Ejemplo 1:
CSS:
a.imagen {
display:block;
cursor:default;
width:400px; /* Ancho de la imagen que se ve */
height:265px; /* Alto de la imagen que se ve */
background:url(Url-de-tu-imagen) top left; /* Direccion de la imagen */
}
a.imagen:hover {
background-position:bottom left;
width:500px; /* Ancho de la imagen al colocar el mouse */
height:400px; /* Alto de la imagen al colocar el mouse */
}
HTML:
<a href="#" class="imagen"></a>
Ejemplo 2:
Solo elimina:
width:500px; /* Ancho de la imagen al colocar el mouse */
Ejemplo 3:
Solo eliminas:
width:500px; /* Ancho de la imagen al colocar el mouse */
height:400px; /* Alto de la imagen al colocar el mouse */
Recuerda que el CSS va incluido antes de ]]></b:skin> y el HTML en una entrada o como elemento HTML/Javascript
La imagen corresponde a Shane gorski
