語法
<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 |