<alpha-value>

<alpha-value> の値は <number> または <percentage> のどちらかで指定します。

数値で指定した場合、有用な範囲は 0 （完全に透明）から 1.0 （完全に不透明）であり，その中間の 10 進数の値です。 0.5 は前景色が半分、背景色が半分使用されることを示します。 0 から 1 までの範囲の外にある値も許容されますが、 0 から 1 の範囲に収まるように制限が行われます。

アルファ値がパーセント値で指定された場合は、 0% が完全に透明、 100% が完全に不透明に対応します。

アニメーションの際、 CSS の <alpha-value> データ型の値は実数の浮動小数点値として補間されます。補間の速度はアニメーションと関連づけられたタイミング関数によって決められます。

ここでは、アルファ値を使用して部分的に透明なテキストを設定しています。

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

こちらは、アルファ値を使用して画像のどの部分がシェイプの一部と考えられるかを特定しています。

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

• 基本的なテキストとフォントの装飾
• CSS データ型
• CSS 色
• <color>