实现动效省略号

manda Liu

于 2021-09-08 14:34:01 发布

阅读量740

点赞数 3

CC 4.0 BY-SA版权

文章标签： javascript css html

本文链接：https://blog.youkuaiyun.com/weixin_42398301/article/details/120179551

.loading {
 color: #999999;
  &:after {
    overflow: hidden;
    display: inline-block;
    vertical-align: bottom;
    animation: ellipsis steps(4, end) 1500ms infinite;
    content: '\2026'; /* ascii code for the ellipsis character */
    width: 0px;
  }
}
@keyframes ellipsis {
  to {
    width: 1.25em;
  }