jquery脚本动画文本webkit-transform无限hue-rotate

Question

我正在尝试在jquery中编写以下内容。我希望文本在无限循环中用色调进行动画处理。

任何人都可以帮助我。

p {
    text-indent: 1em;
    margin-top: 0.25em;
    margin-bottom: 0.25em;
    letter-spacing: 3px;
    font-size: 0.7cm;
    color: #f35626;
    background-image: -webkit-linear-gradient(92deg, #135626, #feab3a);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-animation: hue 30s infinite linear;
}

@-webkit-keyframes hue {
    from {
      -webkit-transform: hue-rotate(0deg);
    }

    to {

@-webkit-keyframes hue {
    from {
      -webkit-transform: hue-rotate(0deg);
    }

    to {
       -webkit-transform: hue-rotate(360deg);
    }
}