Javascript 如何将动画添加到平均堆栈应用程序

我正在使用MEAN stack设计一个网站，虽然有很多教程指导如何使用MEAN stack开发web应用程序，但我不确定向应用程序添加动画的最佳方法是什么。具体来说，所有的动画都应该放在CSS中，html模板引用这些类。使用HTML5画布添加高级动画功能怎么样？它位于项目的哪个部分。将动画添加到平均应用程序中最通用、最干净的方法是什么？ng是否以角度动画的方式进行

---

编辑：我特别想要实现的是一个包装在礼物中的盒子礼物的图像，左边挂着一条丝带。现在我想让一个小男孩/女孩从左到右拖动丝带，打开礼物。最好的方法是什么，这与平均值吻合？

这是一个非常广泛的问题。这完全取决于您希望实现的动画类型

尽管如此，根据经验，以下是我最喜欢的几个图书馆：

AOS（滚动动画）-

它是一个纯CSS3驱动的动画库，以许多有用的方式为HTML元素制作动画

演示：

代码：

实施： 您可以使用包管理器（npm或bower）进行安装，以便在项目中使用。或者直接下载源代码

火花卷轴-

一个Javascript库，它还处理基于滚动的动画以及基于视口可见性的动画。非常强大，可用于在滚动到视图时在HTML元素上绘制边框，根据视口可见性（即不透明度）触发样式更改，以及其他许多操作。而且，非常可定制

演示：

代码：

实施：

不幸的是，这个库没有本机Javascript实现。使用Spark Scroll需要使用ReactJS（Facebook）或Angular（谷歌）

最后但并非最不重要

WOW.js-

另一个处理大量不同动画的Javascript库

演示：

代码：

实施：

---

老实说，我建议你编辑你的帖子，明确你到底想完成什么。在您使用我提供的资源进行一些研究并确定您希望实现哪些动画后，我将更新此答案。

这是一个非常广泛的问题。这完全取决于您希望实现的动画类型

尽管如此，根据经验，以下是我最喜欢的几个图书馆：

AOS（滚动动画）-

它是一个纯CSS3驱动的动画库，以许多有用的方式为HTML元素制作动画

演示：

代码：

实施： 您可以使用包管理器（npm或bower）进行安装，以便在项目中使用。或者直接下载源代码

火花卷轴-

一个Javascript库，它还处理基于滚动的动画以及基于视口可见性的动画。非常强大，可用于在滚动到视图时在HTML元素上绘制边框，根据视口可见性（即不透明度）触发样式更改，以及其他许多操作。而且，非常可定制

演示：

代码：

实施：

不幸的是，这个库没有本机Javascript实现。使用Spark Scroll需要使用ReactJS（Facebook）或Angular（谷歌）

最后但并非最不重要

WOW.js-

另一个处理大量不同动画的Javascript库

演示：

代码：

实施：

---

老实说，我建议你编辑你的帖子，明确你到底想完成什么。在您使用我提供的资源进行一些研究并确定您希望实现的动画之后，我将更新此答案。

这个问题太广泛，对于堆栈溢出来说，这是一个太多的意见问题。关于“所有”动画是否应该在CSS中，有些东西不能仅用CSS进行动画，所以答案是否定的。你为什么不分享你的观点，这可能会帮助我调整我的思维过程。我正在尝试在Aos和Wow之间做出决定。目前我能说的唯一真正的区别是，我必须为Aos许可证付费。这个问题太广泛了，对于堆栈溢出来说，意见太多了。关于“所有”动画是否应该在CSS中，有些东西不能仅用CSS进行动画，所以答案是否定的。你为什么不分享你的观点，这可能有助于我调整我的思维过程我正在尝试在Aos和Wow之间做出决定，目前我能说的唯一真正的区别是我必须支付Aos许可证的费用谢谢你@jshbtchr的回答，这无疑帮助我对可用技术有了一些了解。我已经更新了我的问题，以突出我正在寻找的实现。谢谢@jshbtchr的回答，这无疑帮助我对可用技术有了一些了解。我已经更新了我的问题，以强调我正在寻找什么样的实现。