Cómo resaltar un IMG

Efectos de imagen Mouse sobre se pueden utilizar para darle vida a la apariencia de una página web y llamar la atención de un usuario a una imagen en particular. código CSS, en conjunción con el lenguaje HTML, se puede utilizar para resaltar una imagen a través de la propiedad "opacidad". Cuando esta propiedad se aplica a la etiqueta "IMG", la imagen aparecerá en gris ligeramente hasta que el usuario coloca el cursor del ratón sobre la imagen, dándole un efecto de "punto culminante". La adición de esta característica a las imágenes existentes en su página web es un proceso relativamente simple que sólo toma unos minutos para hacerlo.

Instrucciones

1 Abra la página HTML que contiene la imagen que desea resaltar en un editor HTML.

2 Busque el código HTML que contiene la imagen que quiere resaltada. El código puede aparecer como <img border = "0" dentro de la etiqueta <>. El resultado final debe aparecer como el siguiente: <a href="http://www.example.com/" class="highlightit"> <img border = "0" src = "test.gif"> </a>

3 Escriba el siguiente código CSS en el encabezado de CSS dentro de la página HTML o abrir el archivo CSS dentro del editor HTML y añadir el código. Guarde los archivos cuando haya terminado.

.highlightit img {

Filtro: progid: DXImageTransform.Microsoft.Alpha (opacidad = 50);

-moz-opacidad: 0,5;

Opacidad: 0,5;

}

.highlightit: hover {img

Filtro: progid: DXImageTransform.Microsoft.Alpha (opacidad = 100);

-moz-opacidad: 1;

opacidad: 1;

}