CSS中background-image
属性中的百分比(%)值意味着什么?例如,在此代码中:
background-image: linear-gradient(140deg, cyan 0%, purple 50%, lime 75%);
%如何影响青色,紫色和上面的石灰色?
意思是颜色停止。背景图像:线性梯度(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>