Cerca articoli della Knowledge Base

Opacity e visibilità

Opacity e visibilità

Diverse proprietà CSS controllano la visibilità degli elementi.

opacity

.transparent {
 opacity: 0.5; /* 50% trasparente */
}
.invisible {
 opacity: 0; /* Completamente trasparente ma occupa spazio */
}

visibility

.hidden {
 visibility: hidden; /* Nascosto ma occupa spazio */
}
.visible {
 visibility: visible;
}

display: none

.removed {
 display: none; /* Rimosso dal flusso, non occupa spazio */
}

Confronto

  • opacity: 0 - invisibile, occupa spazio, interattivo
  • visibility: hidden - invisibile, occupa spazio, NON interattivo
  • display: none - rimosso completamente

Hai trovato utile quest'articolo?

Articoli Correlati

  • Introduzione al CSS

    Introduzione al CSS Il CSS (Cascading Style Sheets) è il linguaggio utilizzato per definire lo stile...

  • Selettori Css di Base

    Selettori Css di Base I selettori CSS permettono di identificare gli elementi HTML a cui applicare g...

  • Proprietà color e background

    Proprietà color e background Le proprietà color e background sono fondamentali per definire l'aspett...

  • Margin e Padding

    Margin e Padding Margin e Padding controllano lo spazio intorno e dentro gli elementi.Differenza chi...

  • Box Model CSS

    Box Model CSS Il Box Model è il concetto fondamentale che descrive come ogni elemento HTML è rappres...