实现动效省略号

最新推荐文章于 2024-01-20 14:58:17 发布

manda Liu

最新推荐文章于 2024-01-20 14:58:17 发布

阅读量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;
  }