CSS rgba () Notazione


Esempio

Simile alla notazione rgb () , ma con un valore alfa (opacità) aggiuntivo.

.red {
    /* Opaque red */
    color: rgba(255, 0, 0, 1);
}

.red-50p {
    /* Half-translucent red. */
    color: rgba(255, 0, 0, .5);
}

Sintassi

rgba(<red>, <green>, <blue>, <alpha>);
Valore Descrizione
<red> un numero intero compreso tra 0 e 255 o percentuale compreso tra 0 e 100%
<green> un numero intero compreso tra 0 e 255 o percentuale compreso tra 0 e 100%
<blue> un numero intero compreso tra 0 e 255 o percentuale compreso tra 0 e 100%
<alpha> un numero compreso tra 0 e 1, dove 0.0 è completamente trasparente e 1.0 è completamente opaco