用css写一个等待提示效果

可以使用CSS动画实现一个简单的等待提示效果，代码如下：

HTML代码：

<div class="loading">
  <div class="loading-dot"></div>
  <div class="loading-dot"></div>
  <div class="loading-dot"></div>
</div>

CSS代码：

.loading {
  display: flex;
  justify-content: center;
  align-items: center;
}

.loading-dot {
  width: 12px;
  height: 12px;
  margin: 0 8px;
  border-radius: 50%;
  background: #333;
  animation: bounce 1s ease-in-out infinite;
}

.loading-dot:nth-child(2) {
  animation-delay: 0.2s;
}

.loading-dot:nth-child(3) {
  animation-delay: 0.4s;
}

@keyframes bounce {
  0%, 80%, 100% {
    transform: scale(0);
  }
  40% {
    transform: scale(1);
  }
}

这里使用了CSS的flex布局，将三个loading-dot元素居中对齐。同时使用了CSS动画，实现了loading-dot元素的跳动效果。