<alpha-value>
CSS 数据类型 <alpha-value>
表示可为 <number>
或 <percentage>
的值,指定了颜色的 alpha 通道 (en-US)(即透明度)。
语法
<alpha-value>
的值由 <number>
或 <percentage>
所指定。
若指定为数,则可用范围为 0(完全透明)到 1.0(完全不透明),之间为十进制值,即 0.5 表示使用了一半的前景色和一半的背景色。虽然允许出现在 0 到 1 的范围外的值,但是这些值将被截断,使其处于 0 到 1 的范围中。
若以百分比指定 alpha 值,则 0% 对应完全透明,而 100% 表示完全不透明。
形式语法
Error: could not find syntax for this item
插值
在用于动画时,CSS 数据类型 <alpha-value>
的值按实值浮点数进行插值 (en-US)。插值速度由与动画关联的计时函数所决定。
示例
设置文本颜色不透明度
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;
规范
Specification |
---|
CSS Color Module Level 4 # type-def-alpha-value |