提问者:小点点

%值在CSS渐变中是什么意思?


CSS中background-image属性中的百分比(%)值意味着什么?例如,在此代码中:

background-image: linear-gradient(140deg, cyan 0%, purple 50%, lime 75%);

%如何影响青色,紫色和上面的石灰色?


共1个答案

匿名用户

意思是颜色停止。背景图像:线性梯度(140°,青色0%,紫色50%,石灰75%);表示从青色0%开始,到紫色50%,石灰75%

它会在50%的标记处变成青色到紫色,然后在35%的渐变处从紫色过渡到石灰色。

看不做%和做%之间的区别

#first {
    background-image: linear-gradient(140deg, cyan, purple, lime);
}
#second {
    background-image: linear-gradient(140deg, cyan 0%, purple 50%, lime 75%);
}
<div id="first">Hello world</div>
<div id="second">Hello world</div>