CSS Schnellstart – Transparenz

Die Farben an sich hast du nun verstanden. Mit nur einer zusätzlichen Zahl, kannst du deine Elemente transparent machen. Diese zusätzliche Zahl nennt sich Alpha-Kanal.

Dieser Kanal lässt sich von 0.0 bis 1.0  einstellen. Wobei 0 durchsichtig bedeutet und 1, dass das Element zu 100% sichtbar ist. Dreimal darfst du raten, was der Standardwert ist 😉

In CSS gibt es neben der rgb()-Funktion noch eine weitere Funktion, die diesen AlphaKanal annimmt:

p {
  color: rgba(150, 0, 150, 0.5);
}

Die rgba()-Funktion nimmt diesen Wert an. In der Übung darfst du mal damit etwas rumprobieren.