html - Firefox 上的转换错误（动画）

Question

当我为元素添加动画时（仅在 Firefox 上），我在整个网站上有一个奇怪的错误。有时元素会重复，但是当我打开检查器时，它们会消失。我的代码（我有自动前缀）：

.animated {
  animation-duration: 0.5s;
  animation-fill-mode: both;
}
@keyframes slideInUp {
  from {
    transform: translateY(70px);
    visibility: visible;
  }
  to {
    transform: translateY(0px);
  }
}

标签： htmlcssanimationtransformtranslate-animation