Svg 帧运动:如何设置渐变变换的动画?

Svg 帧运动:如何设置渐变变换的动画?,svg,linear-gradients,framer-motion,Svg,Linear Gradients,Framer Motion,我正在使用React中的framer运动库。我有一个组件 我想知道如何设置gradientTransform属性的动画 我想做一些类似于gradientTransform:“旋转(90)”的事情,并为在0度和90度之间旋转渐变设置动画 我不知道该怎么做,因为gradientTransform的值是一个字符串,我尝试过的任何解决方案都没有奏效。为了子孙后代~ 创建此PR:以启用线性渐变的动画 我不知道它是哪个版本的一部分,但它在4.1.17和4.1.18之间 我创建了一个代码沙盒演示,您可以使用它

我正在使用React中的framer运动库。我有一个
组件

我想知道如何设置
gradientTransform
属性的动画

我想做一些类似于
gradientTransform:“旋转(90)”
的事情,并为在0度和90度之间旋转渐变设置动画

我不知道该怎么做,因为gradientTransform的值是一个字符串,我尝试过的任何解决方案都没有奏效。

为了子孙后代~

创建此PR:以启用线性渐变的动画

我不知道它是哪个版本的一部分,但它在4.1.17和4.1.18之间


我创建了一个代码沙盒演示,您可以使用它:

使用SMIL设置动画。