点点点加载效果代码

HR 广州白云区 2021-04-16 127 浏览

描述‌：实现兼容性不错的点点点加载效果。

.loading > dot {
  height: 1em;
  overflow: hidden;
  display: inline-block;
  text-align: left;
  vertical-align: -0.25em;
  line-height: 1;
}
.loading > dot:before {
  display: block;
  content: '...A..A.';
  white-space: pre-wrap;
  animation: dot 3s infinite step-start both;
}
@keyframes dot {
  33% { transform: translateY(-2em); }
  66% { transform: translateY(-1em); }
}

（div class="loading">正在加载中...dot>div）

反馈建议
captcha