您好，所有的Jym，我都参加了更多文本的挑战。您说什么，卷起袖子和欢呼。
在第一天，写一个在最近需求中出现的小动画，然后听我听我的话。
最近，我们需要一个新的视频播放。由于它是一个视频播放，必须用于诱导用户单击它以播放视频。如何诱导UI设计。我们的UI旨在通过两个圆圈实现。
最初，我们的想法是让UI剪下GIF图片并直接放置地图，但是由于具有透明度，GIF对透明度的支持不友好，因此在它们面前有两种方法，一种是SVGA实现，Oneit是CSS实现。LET简短地讨论SVGA实现。首先，您需要安装svgaplayerweb依赖项。
SVGA毕竟是一个动画文件。首先，如果此动画在循环中播放，则SVGA的不适当产生可能会在闭合连接结束时引起一些口吃，并且感知不是很好。BBASICJS或CSS控制实施。
与CSS相比，SVGA中没有优势吗？是的，开发和使用比CSS更简单。与SVG相比，性能将大大提高，并为透明度提供支持。
因此，现在Android动画是SVGA。
引入SVGA之后，我们重点介绍了这个问题。纯CSS做了一个简单的实现。
首先，我们必须首先澄清我们的页面结构。有两个圆圈可以闪烁，必须有一个播放按钮。
请原谅我不知道如何制作GIF，所以不要放置CSS渲染，只看效果并最终查看效果。
查看最终效果。
代码段
这次我们谈论了两个计划来实现小动画的计划。在开发中，我们需要根据实际情况进行选择。在不确定的情况下，您可以尝试编写一些演示来帮助我们选择。例如，当我开发时，当我使用SVGA时，在负载中引用了本地资源，这引起了直接错误并检查了该文档。发现必须在load中找到服务器地址。FURTHERMORE。我们的团队倾向于使用公司内部的组件库来用于开发，我们不会引入第三党依赖性。因此，我选择了本机CSS实现。
原始：https：//juejin.cn/post/7101675273112223758