<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>
插值
示例
设置文本颜色透明度
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 |