第一种方法是使用外部库来加载和显示预先编写的代码。第二种方法是使用 @keyframes 规则并定义自定义 CSS 类来编写我们自己的自定义 CSS 动画。
使用动画增强你的应用
我们喜欢创意定制的应用，它们可以突破我们平台的界限。如果使用得当，动画可以增加应用的不同元素的独特功能、可用性和美感。此外，动画是过去几年网络/应用开发的主要趋势，因此一些用户甚至可能希望在使用您的应用时看到它们。
动画有多种形式。按钮上的轻微颜色脉冲可以引导用户的视线，也可以是复杂的全屏动画来展示您的品牌。动画可以是反应性的，例如当用户向下滚动页面足够远时组件就会显示出来，也可以是交互式动画，其存在的唯一目的是吸引用户的注意力。了解动画的可能性可以帮助您做出更明智的决定，确定何时何地使用它们
提醒一句： 了解您的目标受众和应用的意图非常重要。考虑一下您的应用的目的、您的用户是谁、他们为什么使用您的应用，以及他们的技术水平。
如果您想探索添加一些自定义动画，我们将介绍两种不同的方法—— 外部库 和 自定义 CSS 动画。
为什么要为元素添加动画？
时髦的
帮助引导用户
赋予运动感
为什么你不应该制作动画
可能会分散注意力
可能显得不专业（如果过度使用或使用不当）
限制
考虑浏览器的限制： 参见此处
当组件或元素在页面视图中加载时，下面讨论的外部库的动画将会触发。
如何添加外部库
外部库是一些预先编写的代码，供您的应用引用。顾名思义，库是从外部源加载到您的应用程序中的，只需要我们知道将代码放在哪里即可进行这些引用。我们将在本例中使用的库是 Animate.css
跨浏览器的 CSS 动画库。
是一个现成的跨浏览器动画库，可 巴基斯坦电话号码表 供您在项目中使用。非常适合强调、主页、滑块和注意力引导提示。
跨浏览器的 CSS anima 库
我们需要做的第一件事是引用该库是 我们应用程序的自定义标题 部分。
复制此代码
应用程序设置 -> 自定义页眉/页脚代码 -> 自定义页眉代码
接下来，找到要编辑的组件。我们需要选择一个允许我们分配自定义 CSS 类的组件或元素。在本例中，我们将在表格组件中使用详细信息链接按钮（图片 2）。