Jquery 如何在波浪路径上设置对象动画

使用jquery，如何使对象在波浪路径中水平移动，其中波浪的高度逐渐降低

正如我在评论中提到的，可以在循环中使用jQuery的

animate（）

函数来实现这一点，但这并不好

---

您应该研究如何使用CSS3转换和动画。这里有一个有用的起点>

正如我在评论中提到的，您可以在循环中使用jQuery的

animate（）

函数来实现这一点，但这并不好

---

您应该研究如何使用CSS3转换和动画。这是一个有用的起点>

您可以使用TweenMax“引擎”。 然后，您可以按字面意思编写一行代码

TweenMax.to(img, 5, {css:{bezier:{type:"soft", values:[{x:250, y:250}, {x:350, y:0}, {x:400, y:100}], autoRotate:false}}, ease:Power1.easeInOut});

样品

（您可能需要调整曲线…）

或

---

您可以使用TweenMax“引擎”。 然后，您可以按字面意思编写一行代码

TweenMax.to(img, 5, {css:{bezier:{type:"soft", values:[{x:250, y:250}, {x:350, y:0}, {x:400, y:100}], autoRotate:false}}, ease:Power1.easeInOut});

样品

（您可能需要调整曲线…）

或

---

您必须在循环内部使用

animate（）

。最好使用CSS3转换和动画。@BenM你能帮我发布代码吗？请看我的答案。它有一个您应该感兴趣的演示链接。您必须在循环中使用

animate（）

。最好使用CSS3转换和动画。@BenM你能帮我发布代码吗？请看我的答案。它有一个你应该感兴趣的演示链接。代码太长了，我只需要5秒的动画，thnx的帮助，但这将是乏味的代码只是一个样本。您需要使用这些设置，并定义自己的路径。点击圆圈可以看到一个更简化的版本。但是你真的看过右边的完整代码了吗？是的。有什么问题吗？这就是CSS动画的工作原理。恐怕没有捷径可走，这里也没有人会为你写。只有css才能完成这件事？？没有其他jquery选项代码太长，我只需要5秒钟的动画，thnx的帮助，但这将是乏味的代码只是一个样本。您需要使用这些设置，并定义自己的路径。点击圆圈可以看到一个更简化的版本。但是你真的看过右边的完整代码了吗？是的。有什么问题吗？这就是CSS动画的工作原理。恐怕没有捷径可走，这里也没有人会为你写。只有css才能完成这件事？？没有其他jquery替代方案