在SCI通信中如何采用FIFO模式收发数据

可以使用CSS动画实现loading效果。主要思路是通过keyframe定义动画关键帧，再通过animation属性将动画应用到loading对象上。下面是一个示例代码：

<style>
.loader {
  border: 8px solid #f3f3f3;
  border-top: 8px solid #3498db;
  border-radius: 50%;
  width: 60px;
  height: 60px;
  animation: spin 2s linear infinite;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
</style>

<div class="loader"></div>

在这个示例中，我们定义了一个.loader类，表示loading对象。在类中，我们设置了一个圆形边框，颜色是灰色的f3f3f3，并指定了顶部边框颜色为蓝色的3498db，设置了圆形的宽高为60px，并定义了一个名为spin的动画。这个动画的关键帧通过transform属性实现旋转效果，0%表示初始状态，100%表示最终状态，这个动画会一直旋转，直到该节点移除为止。