Framer Motion：改变颜色动画方向
Framer Motion: change color animation direction
在 Framer Motion 中，我试图让两种颜色平滑地制作动画。颜色为红色 'hsl(0, 100, 50)' 和蓝色 'hsl(240, 100, 50)'。不幸的是，动画正在通过色轮，在橙色、黄色、绿色、青色等处进站。我如何让它切换“方向”并从红色、紫色、蓝色平滑过渡？
虽然这做起来出奇地简单，但一开始并不明显。
这是错误的：animate={{ backgroundColor: ['hsl(0, 100, 50)', 'hsl(240, 100, 50)] }},
虽然这是正确的：animate={{ backgroundColor: ['hsl(0, 100, 50)', 'hsl(-120, 100, 50)'] }}。
（以防万一有人对这段代码的去向感到困惑，“动画”是 motion.div 元素中的一个道具。有关更多示例，请查看文档中的这些示例：https://www.framer.com/api/motion/examples/)
在 Framer Motion 中，我试图让两种颜色平滑地制作动画。颜色为红色 'hsl(0, 100, 50)' 和蓝色 'hsl(240, 100, 50)'。不幸的是，动画正在通过色轮，在橙色、黄色、绿色、青色等处进站。我如何让它切换“方向”并从红色、紫色、蓝色平滑过渡？
虽然这做起来出奇地简单，但一开始并不明显。
这是错误的：animate={{ backgroundColor: ['hsl(0, 100, 50)', 'hsl(240, 100, 50)] }},
虽然这是正确的：animate={{ backgroundColor: ['hsl(0, 100, 50)', 'hsl(-120, 100, 50)'] }}。
（以防万一有人对这段代码的去向感到困惑，“动画”是 motion.div 元素中的一个道具。有关更多示例，请查看文档中的这些示例：https://www.framer.com/api/motion/examples/)