Come impostare il livello di opacità usando la proprietà RGBa di CSS3

 

La proprietà RGBa di CSS3 consente di impostare non solo il colore RGB, ma anche un livello di opacità.
La “a” infatti sta per Alpha, che si riferisce al livello di opacità del colore.

La sintassi della proprietà RGBA:

dove il primo valore è relativo al canale “Rosso”, il secondo al “Verde”, il terzo al “Blu”, il quarto (0,2) all’opacità.

Il valore di opacità può variare da 0,0 a 1,0. Un elemento con il valore 1,0 sarà pienamente visibile, mentre il valore di opacità 0,0 sarà al contrario completamennte invisibile.

Esempio:

Proprietà “RGBa” e proprietà “Opacity”:
La capacità del RGBA di impostare l’opacità di un elemento differisce da quella offerta dalla proprietà “Opacity” di CSS. Opacity imposta l’opacità del livello di un elemento e tutto il suo contenuto, mentre RGBA imposta il livello di opacità solo per una singola dichiarazione.

Browser supportati dalla proprietà:
La proprietà RGBA funziona con Firefox 3 +, Chrome, Opera 10 + e Internet Explorer 9

pixolo ads
Animal Comix
1306 | Articolo pubblicato 4 anni fa nella categoria Css - Html.
Puoi seguire tutti i nuovi articoli e gli aggiornamenti di Pixolo.it attraverso i Pixolo feeds feed RSS.
Puoi inoltre lasciare un commento, oppure fare un trackback dell'articolo dal tuo sito.
SHARES
Be Sociable,
share and enjoy!
Resta aggiornato!
Segui Pixolo anche su Facebook!
Don't show more - I am already fan
×
×