Logo

CON CSS3 MEJORAS TU PÁGINA WEB

Opacidad (opacity):

La opacidad es una característica de los objetos de no dejar pasar la luz (mientras un objeto es más opaco significa que no deja pasar la luz) Un elemento HTML dispone de la propiedad opacity para definir cual es su opacidad. La sintaxis es la siguiente:

Elemento { opacity: valor; }

El valor es un número comprendido entre 0 y 1. El 0 significa que es totalmente transparente (luego no se verá nada en pantalla, pero el espacio ocupado por el elemento HTML queda reservado), el 1 significa que es totalmente opaco (no deja pasar la luz)

#opacidad1 { background-image: url("carlos.png"); opacity:0.3; color:#f00; width:700px; height:450px; border-radius:15px; font-size:30px; }

Carlos Sainz

Carlos Sainz Cenamor es un piloto español de rally. Es bicampeón del mundo de rally en 1990 y 1992 con Toyota, logrando otros cuatro subcampeonatos y cinco terceros puestos.

Opacidad (color):

En CSS3 aparece una variante de la asignación del color mediante la función 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 número 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á más transparente el gráfico.

Carlos Sainz

Carlos Sainz Cenamor es un piloto español de rally. Es bicampeón del mundo de rally en 1990 y 1992 con Toyota, logrando otros cuatro subcampeonatos y cinco terceros puestos.