<alpha-value>

**<alpha-value>** 是一个 CSS 数据类型,它表示一个可以是 <number> 或者 <percentage> 的值,用于指定颜色的 **Alpha 通道** 或者 **透明度**。

语法

<alpha-value> 的值可以是 <number><percentage>

如果以数字形式给出,则有效范围为 0(完全透明)到 1.0(完全不透明),介于两者之间的是小数;例如,0.5 表示使用一半的前景色和一半的背景色。允许超出 0 到 1 范围的值,但会被钳位到 0 到 1 的范围内。

如果 Alpha 值以百分比形式给出,则 0% 对应于完全透明,而 100% 对应于完全不透明。

正式语法

<alpha-value> = 
<number> |
<percentage>

插值

当动画时,<alpha-value> CSS 数据类型的值会被插值为实数浮点数。插值的速率由与动画关联的缓动函数决定。

示例

设置文本颜色透明度

rgb() 函数接受第四个可选值来指定 Alpha 值。以下示例展示了如何使用 Alpha 值应用具有 60% 透明度的颜色。

css
/* <rgb()> */
color: rgb(34 12 64 / 60%);

设置形状图像阈值

这里使用 Alpha 值来确定图像的哪些部分被视为形状的一部分。

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

规范

规范
CSS 颜色模块级别 4
# typedef-color-alpha-value

另请参阅