语法
<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 颜色模块第四版 # typedef-color-alpha-value |