Búsqueda personalizada
 
 
 
 
Opacidad (color)
   

En CSS3 aparece una variante de la asignacin del color mediante la funcin rgba.

Elemento { 
     color: rgba(rojo,verde,azul,opacidad); 
}

Para definir un color debemos indicar cuatro valores, los tres primeros son valores enteros entre 0 y 255, que indican la cantidad de rojo, verde y azul. El cuarto valor es un nmero entre 0 y 1 que indica la opacidad que se aplica al color. Si indicamos un 1 se grafica totalmente opaco (es el valor por defecto) un valor menor har ms transparente el grfico.

Veamos un ejemplo primero dispondremos un texto dentro de un recuadro que tiene una imagen y no utilizaremos la funcin rgba para definir la opacidad, sino utilizaremos la funcin rgb para definir solo el color:

#recuadro1 {
  background-image: url("foto1.jpg");
  color:#f00;
  width:550px;
  height:413px;
  border-radius:15px;
  font-size:20px;
}

.texto1 {
  color:rgb(255,255,0);
}

Y ahora si utilizaremos la funcin nueva rgba:

#recuadro2 {
  background-image: url("foto1.jpg");
  color:#f00;
  width:700px;
  height:450px;
  border-radius:15px;
  font-size:20px;
  margin-top:10px;
}

.texto2 {
  color:rgba(255,255,0,0.5);
}
 

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec,

 
 
       

¿Quienes somos?

Condiciones de uso

Publicidad

Privacidad de la informacion