<alpha-value> CSS-Typ
Der <alpha-value> CSS Datentyp repräsentiert einen Wert, der entweder ein <number> oder ein <percentage> sein kann und den Alphakanal oder die Transparenz einer Farbe angibt.
Syntax
Der Wert eines <alpha-value> wird entweder als <number> oder als <percentage> angegeben.
Wird er als Zahl angegeben, reicht der nützliche Bereich von 0 (vollständig transparent) bis 1.0 (vollständig undurchsichtig), mit Dezimalwerten dazwischen; das heißt, 0.5 bedeutet, dass zur Hälfte die Vordergrundfarbe und zur Hälfte die Hintergrundfarbe verwendet wird. Werte außerhalb des Bereichs von 0 bis 1 sind erlaubt, werden jedoch begrenzt um innerhalb des Bereichs von 0 bis 1 zu liegen.
Wenn der Alphawert als Prozentsatz angegeben wird, entspricht 0% vollständig transparent und 100% vollständig undurchsichtig.
Formale Syntax
<alpha-value> =
<number> |
<percentage>
Interpolation
Bei Animationen werden Werte des <alpha-value> CSS-Datentyps als reale Gleitkommazahlen interpoliert. Die Geschwindigkeit der Interpolation wird durch die mit der Animation verknüpfte Easing-Funktion bestimmt.
Beispiele
Festlegen der Opazität der Textfarbe
Die rgb() Funktion akzeptiert einen vierten optionalen Wert, um einen Alphawert anzugeben. Das folgende Beispiel zeigt, wie eine Farbe mit 60% Opazität unter Verwendung des Alphawertes angewendet wird:
/* <rgb()> */
color: rgb(34 12 64 / 60%);
Festlegen der Formbildschwelle
Hier wird ein Alphawert 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
| Spezifikation |
|---|
| CSS Color Module Level 4 # typedef-color-alpha-value |