alpha-value

Si la valeur est fournie comme un nombre, la valeur peut être comprise entre 0 (complètement transparent) et 1 (complètement opaque). Il est possible d'utiliser des valeurs décimales comprises entre ces valeurs. Les valeurs à l'extérieur de cet intervalle sont valides mais elles sont écrétées à 0 ou 1.

Lorsque la valeur est fournie en pourcentage 0% correspond à une transparence complète tandis que 100% correspond à une opacité totale.

Lorsqu'une animation fait évoluer une valeur de type <alpha-value>, les valeurs sont interpolées comme des nombres réels à point flottant. La vitesse de l'interpolation est déterminée par la fonction de temporisation associée à l'animation.

Certaines fonctionnalités CSS utilisent des valeurs <alpha-value> dont les notations fonctionnelles pour les couleurs telles que rgba() et hsla() et aussi shape-image-threshold (qui détermine les pixels à prendre en compte pour une image lorsqu'on souhaite en extraire une forme).

/* <rgba()> */
color: rgba(34, 12, 64, 0.6);
color: rgba(34 12 64 / 60%);

/* shape-image-threshold */
shape-image-threshold: 70%;
shape-image-threshold: 0.7;