Toggle Light / Dark / Auto color theme

Toggle table of contents sidebar

Deckkraft

Die Dechkraft eines Elementes - die Sichtbarkeit eines Elementes - kann durch die Eigenschaft opacity eingestellt werden. Der Wert 1 steht für volle Deckkraft ( Sichtbarkeit ) und der Wert 0 steht für nicht sichtbar. Halbtransparent wäre der Wert 0.5 oder nur zum viertel sichtbar ist 0.25.

Wichtig

Das Element ist bei einem Wert von 0 zwar nicht sichtbar, aber trotzdem vohanden und nimmt den gleichen Platz ein, als wenn es sichtbar wäre.

p {
  opacity: 0.5;
}

.box1 {
  background-color: lightblue;
  opacity: 0.5;
}

.box2 {
  background-color: lightblue;
  opacity: 0.25;
}

See the Pen opacity by csswebsite (@csswebsite) on CodePen.