- Desde
- 27 Jul 2013
- Mensajes
- 420
Bueno aburrido en casa, me puse a probar y bueno consegui, que al pasar el raton sobre la imagen se sombree, y viceversa 
Aquí os dejo el código para que al pasar el raton se sombree:
Y aquí os dejo que este sombreada y al pasar el raton no:
Aquí os dejo el código para que al pasar el raton se sombree:
Insertar CODE, HTML o PHP:
img {
opacity: 1.0;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity = 100);
filter: alpha(opacity = 100);
}
img:hover {
opacity: 0.7;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity = 70);
filter: alpha(opacity = 70);
transition-duration: 0.5s;
-moz-transition-duration: 0.5s;
-webkit-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
}Y aquí os dejo que este sombreada y al pasar el raton no:
Insertar CODE, HTML o PHP:
img {
opacity: 0.7;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity = 70);
filter: alpha(opacity = 70);
transition-duration: 0.5s;
-moz-transition-duration: 0.5s;
-webkit-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
}
img:hover {
opacity: 1.0;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity = 100);
filter: alpha(opacity = 100);
}Las etiquetas las cambias a tu gusto. Si necesitas ayuda, Comenta en el post
