Hover en imagenes en el slider

[jualmarxkhdq]

Hola como están.

Amigos en mi web tengo un slider que tienes las imágenes de las redes sociales en las que tengo mi web (que es una revista) y quiero ponerlas como opacas o en negro y que al pasar el mouse se ponga de su color normal.

No se de que otra forma explicarlo :( bueno aquí dejo el Link de la web [URL="http://www.clickspc.org"]ClicksPC[/URL]

Espero me logren ayudar y gracias desde ya

[ArturoGallegos]

lo que yo suelo hacer es

Código HTML:

<a href="#" class="icon-facebook">Facebook</a>
 

Código CSS:

.icon-facebook{display:block;float:left;width:30px;height:30px;background:url(img/social-media.png) no-repeat 0 -30px;}
.icon-facebook:hover{background-position:-30px -30px;}
 

bien la imagen de fondo contiene dos iconos en diferente posición y al hacer el hover hago que el fondo cambie de posición mostrando la imagen coloreada... ñ.ñ y para rematar yo considero que poner texto en el enlace da mas peso para el seo que cuando pones una imagen.

[laura_moreno14]

con css3 puedes usar la propiedad opacity:0.5; puedes ver un ejemplo en la web de mi firma, lo uso en los iconos del header.