Transparencias con CSS


(resultado la imagen de la izquierda es como aparece y la imagen de la derecha es cuando pasamos el mouse por encima de la misma)Para las transparencias, debemos utilizar la propiedad filter de CSS y listo

Código CSS:

CSS:
  1. <style type="text/css"> .opacityit img{ filter:progid:DXImageTransform.Microsoft.Alpha(opacity=40); -moz-opacity: 0.4; }
  2.  
  3. .opacityit:hover img{ filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); -moz-opacity: 1; } </style>


Código HTML:

HTML:
  1. <a href="http://devblab.net/wp-admin/Link%20de%20destino" class="opacityit"><img src="http://devblab.net/wp-admin/Url%20de%20la%20imagen" border="0" /></a>

Vota esta entrada: votar

Entradas Relacionadas

Únete a nuestro grupo de Facebook

Devblab en Facebook
Author: cuisi Comments: 0 comments Date: 10 Apr 2008
Categories: Css, Html Tags: ,
Name (Req)

E-mail (Req)

URI

Message