TECNOLOGÍAS DE LA INFORMACIÓN Y LA COMUNICACIÓN

Imagen con opacidad al pasar el cursor

Esta imagen es opaca hasta que pases el cursor por encima de ella:



El código será el siguiente:
<img style="opacity: 0.2; filter:alpha(opacity=20);" src="http://www.adigitaldreamer.com/gallery/albums/userpics/10001/normal_white-rose.jpg" onmouseover="this.style.opacity=1;this.filters.alpha.opacity='100';" onmouseout="this.style.opacity=0.2;this.filters.alpha.opacity='20';"/>

Esta imagen se volverá opaca al pasar el cursor sobre ella.


Su código será:
<img src="http://www.adigitaldreamer.com/gallery/albums/userpics/10001/normal_white-rose.jpg" onmouseout="this.style.opacity=1;this.filters.alpha.opacity='100';" onmouseover="this.style.opacity=0.2;this.filters.alpha.opacity='20';"/>

En verde la url de nuestra imagen.

0 comentarios:

Entradas populares

Colaboro En:

textoalternativo textoalternativo textoalternativo

Atención

Los comentarios serán publicados una vez hayan sido moderados, disculpen las molestias.

Este blog es informativo y de caracter educativo, el administrador del mismo no se responsabiliza del uso fraudulento o ilegal que otras personas hagan del contenido publicado en él.

Así mismo si alguien cree que se vulnera algún derecho se ruega ponerlo en conocimiento para que se subsane de forma inmediata.