Transparencia con CSS
CSS nos brinda métodos para mejorar la visualización de nuestro contenido, entre ellas esta la aplicación de transparencias.
Veamos como aplicar transparencias:
.alpha { opacity: 0.5; filter:alpha(opacity=50); }
Ahora lo aplicaremos para transparencias del 30 y 70 % a una imagen, para eso creamos 2 estilos en el CSS.
.alpha30 { opacity: 0.3; filter:alpha(opacity=30); } .alpha70 { opacity: 0.7; filter:alpha(opacity=70); }
en el html :
<div><img src="icono.jpg" alt="" /></div> <div class="alpha70"><img src="icono.jpg" alt="" /></div> <div class="alpha30"><img src="icono.jpg" alt="" /></div>
El resultado seria este:
