Transparencia en colores de fondo en CSS


Vamos a realizar un ejercicio en el que se superpongan tres cuadros de diferentes colores para apreciar las mezclas de los mismos. Para ello necesitamos utilizar la propiedad CSS background-color haciendo uso de rgba, en el que configuramos los valores para rojo, verde y azul y especificamos un valor para la transparencia del tono, que estará comprendido entre 0 y 1.

Para seleccionar un tono es recomendable visitar cualquiera de las diferentes webs que existen en la red para obtener la combinación rgb.

Así, para obtener una salida como la que se ve más abajo, se pueden apreciar a continuación los códigos HTML y CSS utilizados para ello.

act8p83

htmlact8p83

cssact8p83

Anuncios

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s