WebWeb DesignGestire opacità e trasparenza con i CSS

Con l’avvento dei CSS3 e la sua relativa diffusione tra i principali browser, oggi possiamo realizzare dei gradevoli effetti di trasparenza sugli elementi (div) presenti in una pagina HTML.

Vediamo il realtivo codice.

Dato il seguente codice presente all’interno di una pagina:

Questo box ha l’alfa impostato
Questo box invece ha solo lo sfondo trasparente

Vediamo ora come utilizzare questi nuovi strumenti:

Nel primo caso (box trasparente) renderemo tutto il box trasparente. Questo significa che anche il suo contenuto sarà trasparente (pensiamo ad un effetto di “disabilitazione”):

close-link
x

Utilizziamo i cookie per offrirti la migliore esperienza online. Utilizziamo, sul nostro sito, tecnologie come i cookie per personalizzare contenuti e annunci, fornire funzionalità per social media e analizzare il nostro traffico. Facendo clic di seguito si acconsente all'utilizzo di questa tecnologia.