<alpha-value>
Der <alpha-value>
CSS Datentyp repräsentiert einen Wert, der entweder eine <number>
oder ein <percentage>
sein kann, und der den Alpha-Kanal oder die Transparenz einer Farbe spezifiziert.
Syntax
Der Wert eines <alpha-value>
wird entweder als <number>
oder als <percentage>
angegeben.
Wenn er als Zahl angegeben wird, liegt der sinnvolle Bereich zwischen 0 (vollständig transparent) und 1.0 (vollständig opak), mit Dezimalwerten dazwischen; das heißt, 0,5 bedeutet, dass die Hälfte der Vordergrundfarbe und die Hälfte der Hintergrundfarbe verwendet wird. Werte außerhalb des Bereichs von 0 bis 1 sind erlaubt, werden jedoch geklammert um innerhalb des Bereichs 0 bis 1 zu liegen.
Wenn der Alpha-Wert als Prozentwert angegeben wird, entspricht 0% vollständig transparent, während 100% vollständig opak bedeutet.
Formale Syntax
<alpha-value> =
<number> |
<percentage>
Interpolation
Wenn animiert, werden Werte des <alpha-value>
CSS-Datentyps als reelle, Gleitkomma-Zahlen interpoliert. Die Geschwindigkeit der Interpolation wird durch die mit der Animation verbundene Easing-Funktion bestimmt.
Beispiele
Deckkraft von Textfarbe einstellen
Die rgb()
Funktion akzeptiert einen vierten optionalen Wert, um einen Alpha-Wert anzugeben. Das folgende Beispiel zeigt, wie eine Farbe mit 60% Deckkraft unter Verwendung des Alpha-Wertes angewendet wird:
/* <rgb()> */
color: rgb(34 12 64 / 60%);
Schwellenwert für Formbild festlegen
Hier wird ein Alpha-Wert verwendet, um zu bestimmen, welche Teile eines Bildes als Teil einer Form betrachtet werden:
/* shape-image-threshold */
shape-image-threshold: 70%;
shape-image-threshold: 0.7;
Spezifikationen
Specification |
---|
CSS Color Module Level 4 # typedef-color-alpha-value |