Les dejo este Codigo para opacar imagenes

[Camatagua123]

hola

estaba buscando codigos nuevos... para mi web y encontre este que sirve para opacar imagenes... es sencillo y facil de usar

este codigo va en su hoja de estilos

Código:

.opacar img {
filter:alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;}

.opacar:hover img {
filter:alpha(opacity=100)3000;
-moz-opacity: 1.0;
opacity: 1.0;
}

solo tienen que aplicar la clase a su imagen

ejemplo:

Código HTML:

<span class="opacar">
<img src="link de su imagen">
</span> 

oigan si le ponen un temporizador a este codigo para que no se aclare al instante posteenlo please q lo eh intentado pero aun no manejo muy bien este codigo

Saludos ^_^

[joseoliveras]

Puedes usar JavaScript o CSS3, este ultimo solo compatible en "navegadores modernos"

[IsaBelM]

la propiedad css3 es transition

[kseso?]

Se agradece la buena voluntad y el afán de compartir, pero...:

En el html:
no hay necesidad de añadir una etiqueta más para nada (span). Totalmente antisemántico. Puede aplicar la clase diréctamente a la imagen.

En el css:
¿De cuándo es ese código?
Sólo ver el prefijo privativo -moz- en la propiedad opacity ya da una pista.
Hablo de memoria, pero creo que fue soportada por el 3.5, allá por 2.009.