我有一个使用CSS动画的色调旋转的背景图像。当在我的网站上点击一个具有相同背景图像的新页面时，它会从第一个色调重新开始，有没有一种方法可以继续动画，而不会每次都重置？附注：这是一个WordPress网站。

#background-colour {
    -webkit-animation: changeColor 5s infinite;
}

@-webkit-keyframes changeColor {
  0%   {
    -webkit-filter: hue-rotate(0deg);
}
100% {
    -webkit-filter: hue-rotate(360deg);
  }
}

顺晟科技：