我正在做渐变动画,我申请了
background-size: 100% 100%;
但它不起作用。
然后我尝试background-size: 600% 600%;
现在工作正常。
在像素和高达100%我理解。但超过100%,我没有得到
任何人都可以向我解释这意味着什么:600% 600%?
它是如何计算的?
答案 0 :(得分:2)
以百分比形式给出高度和宽度
它将相应尺寸的图像拉伸到背景定位区域的指定百分比。背景定位区域由background-origin(默认情况下为填充框)的值确定。但是,如果背景的背景附加值是固定的,则定位区域是整个视口。不允许使用负值。
这些是一些很好的文章,简要解释
https://developer.mozilla.org/en-US/docs/Web/CSS/background-size
https://www.w3.org/TR/css-backgrounds-3/#the-background-size
这个用于渐变