stop-opacity

Baseline 已广泛支持

此功能已成熟,并可在许多设备和浏览器版本上使用。自 2020 年 9 月起,所有浏览器均已提供此功能。

stop-opacity 属性定义了给定颜色渐变停止点的透明度。

用于渐变计算的透明度值是 stop-opacity 的值与 stop-color 属性的值的透明度的乘积。对于不包含明确透明度信息的 stop-color 值,其透明度被视为 1

注意: 作为一个表现属性,stop-opacity 还有一个对应的 CSS 属性:stop-opacity。当两者都指定时,CSS 属性具有更高的优先级。

你可以将此属性与以下 SVG 元素一起使用

用法说明

<opacity-value>
默认值 1
可动画的
<opacity-value>

此值为 01 之间的 <number> 值,或者指定颜色渐变停止点透明度的 <percentage> 值。

规范

规范
Scalable Vector Graphics (SVG) 2
# StopOpacityProperty

浏览器兼容性

另见