Tutoriales de css

Opacidad en CSS
Introducción

La propiedad opacity introducida en CSS3 permite definir la transparencia de un elemento con valores entre 0 a 1, de esta manera deberíamos poder definir un elemento semitransparente.

La propiedad opacity funciona tanto en Internet Explorer "filter: alpha(opacity=50)", como en Firefox "opacity: .5"

Este efecto se puede aplicar en imágenes, formularios, capas, etc.



<style type=?text/css?>
.ejemplo {width: 100%; background-color: red}
.opaco {filter: alpha(opacity=50); opacity: .5}
</style>

<p class="ejemplo">Ejemplo sin opacity.</p>
<p class="ejemplo opaco">Ejemplo con opacity a 50%.</p>
<p><img src="imagen.gif" width="100" height="109"><img src="imagen.gif" 
class="opaco" width="100" height="109"></p>


Autor: Gamaliel M. DescargarDescargar

Comentarios en "Opacidad en CSS"

Table 'programa_programas.t_comentarios' doesn't exist