En esta ocasión les voy a mostrar como resaltar imágenes al pasar el mouse en nuestro blog.Lo primero que vamos hacer es buscar la imagen, en mi caso voy a utilizar esta:
Ahora Simplemente nos vamos a Diseño > Edición de HTML y antes de ]]></b:skin> pegan los siguientes atributos:
.opacity {
opacity : 0.5;
}
.opacity:hover {
opacity : 1;
}
Ahora solo queda agregar la clase a nuestra imagen y ya quedo:
<img class="opacity" src="AQUI TU URL.JPG"
height="80" width="120" title="¡adminemmanu!"
alt="¡adminemmanu!" /> 
0 comentarios:
Publicar un comentario