javascript - javascript/jquery .animate()色相旋转

您可以使用.animate（）为色调旋转设置动画吗？
如果没有，则列出可以在此功能中设置动画的属性。此链接：https://api.jquery.com/animate表示.animate（）仅是一个jQuery函数，但它在我的项目上有效，而没有使用jQuery。是否已将其吸收到javascript中，以及如何通过javascript处理css色相-旋转。我在Google或堆栈交换上找不到很多对此的引用。

我尝试了hueRotate的许多组合，使其成为对象，json并通过``创建字符串文字，但它们似乎都不起作用。

    Info.style.filter = ('hueRotate:240deg;');
    Info.style.filter = `hue-rotate(240deg);`
    Info.style.filter = {(hue-rotate(240deg)};
    Info.style.filter.hueRotate = "240deg";

我已经尝试了数十种内部和外部组合
.animate和requestAnimationFrame，但是它们都不起作用。
它可能真的很简单。

最佳答案

是的，web animations也可以为过滤器设置动画，就像任何可设置动画的CSS属性一样。您只需要指定初始值和最终值即可。

document.getElementById("box").animate(
  {
    filter: ['hue-rotate(0deg)', 'hue-rotate(360deg)']
  },
  {
    duration: 2500,
    iterations: Infinity
  }
);

#box {
  background: linear-gradient( to right, purple, orange);
  width: 200px;
  height: 200px;
}

<div id="box"></div>

好吧，它实际上可以写成many different syntaxes ...

关于javascript - javascript/jquery .animate()色相旋转，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/58899356/