如果不指定背景大小,在本例中为" background-size : 370%370%;“,则更改的线性渐变动画不起作用。
由于某些原因,背景大小也只有在声明为重要时才起作用(例如:背景大小: 370% 370%!重要;)
我试着删除背景大小,但动画是不可见的。
.bg {
height: 100vh;
background-size: 370% 370% !important;
animation: bggradient 30s ease-in-out infinite;
background: linear-gradient(to right, #ff9966, #ff5e62, #ff9966, #ff5e62);
}
@keyframes bggradient {
0% {
background-position: 0% 50%;
}
50% {
background-position: 100% 50%;
}
100% {
background-position: 0% 50%;
}
}
<div class="bg"></div>
我希望看到一个没有指定背景大小的动画。我还希望使用背景大小,而不必将其设置为重要。
https://stackoverflow.com/questions/56692112
复制相似问题