Question

根据https://developer.mozilla.org/en-US/docs/Web/CSS/animation-fill-mode，animation-fill-mode: none;不应在动画开始前将第一帧的样式应用于元素。但是，animation-fill-mode: backwards应该。

但是在以下代码的demo中，似乎none正在执行作业backwards。为什么呢？

/* I have autoprefixer enabled */
div {
  width: 100px; 
  height: 100px; 
  background-color: red;
  transform: translate(0, 0);
  animation: someAnimation 1s linear 1s;
  animation-fill-mode: none;
  -webkit-animation-fill-mode: none;
}

@keyframes someAnimation {
  0% {
    transform: translate(50px, 50px);
  }

  100% {
    transform: translate(100px, 100px);
  }
}

Answer 1

您在第一个声明中错误拼写了animation-fill-mode
动画和转换属性没有-webkit-前缀，也没有启用前缀，因此没有提供webkit

一旦fix those他们按照应有的方式工作

`animation-fill-mode：none;`不工作

1 个答案: