首页 > 其他 > 详细

会动的三个 点

时间:2021-02-19 09:50:42      阅读:22      评论:0      收藏:0      [点我收藏+]
视图:
  <h1>智能扫描中<span class="dot">...</span></h1>
 
逻辑:
@keyframes dot {
  0% {
    width: 0;
    margin-right: 1.5em;
  }

  33% {
    width: 0.5em;
    margin-right: 1em;
  }

  66% {
    width: 1em;
    margin-right: 0.5em;
  }

  100% {
    width: 1.5em;
    margin-right: 0;
  }
}

.dot {
  animation: dot 3s infinite step-start;
}

会动的三个 点

原文:https://www.cnblogs.com/2587jsq/p/14414424.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!