Framer-Motion：如何为渐变变换设置动画？

问题描述

我在 React 中使用 framer-motion 库。我有一个 <motion.linearGradient> 组件。

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

我想做一些类似 gradientTransform: "rotate(90)" 的事情，并在 0 度和 90 度之间旋转渐变动画。

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

解决方法

为了子孙后代~

https://github.com/KirdesMF 创建了此 PR：https://github.com/framer/motion/pull/1151 以启用线性渐变动画。

我不知道它属于哪个版本，但它在 4.1.17 和 4.1.18 之间

我创建了一个代码沙盒演示，您可以使用它：https://codesandbox.io/s/framer-motion-animating-linear-gradient-7ibrt?file=/src/App.tsx