css - CSS 关键帧动画在 Chrome 和 Firefox 中停止工作

Question

所以这些动画一直运行良好，直到最近的某个时候，它们仍然可以在边缘运行，但不能在 Firefox 或 Chrome 中运行。我已经搜索了几个小时，但目前似乎没有人遇到这个问题。我也尝试为 -webkit- 和 -moz- 加上前缀，但它仍然不起作用。任何帮助将非常感激！

@keyframes gradientBG {
  0% {
    background-position: 0 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0 50%;
  }
}

.freeTrialButton a:hover { 
  background: linear-gradient(-45deg, #4575ff, #2a50bd, #4575ff, #4575ff) !important; 
  background-size: 400% 400% !important; 
  animation: gradientBG 3s ease infinite; 
  opacity: 1 !important; 
  color: #fff !important;
}

标签： cssgoogle-chromefirefoxcss-animations