Question

我有一个元素列表，每个元素都有一个线性渐变，加载后会生成动画。 CSS看起来像这样。

li {
  background: linear-gradient(to right, red 10%, white 10%);
  background-size: 200% 100%;
  background-position:right bottom;
  -webkit-animation:colorChange;
  -webkit-animation-duration: 1s;
  -webkit-animation-iteration-count:1;
  -webkit-animation-fill-mode:forwards;
  -webkit-animation-fill-mode:forwards;
}

@-webkit-keyframes colorChange {
  from {background-position:right bottom;}
  to {background-position:left bottom;}
}

这很好，但我想做的是改变每个元素的百分比。我尝试取出background属性并将其设置为元素上的style属性，但在这种情况下动画消失了（它只是加载了已部分填充的颜色）。

我是一个CSS超级菜鸟，所以我可能做了一些愚蠢的事情。帮助

每个元素更改线性渐变背景

0 个答案: