css实现点点点效果

最新推荐文章于 2024-04-10 13:08:54 发布

weixin_30646315

最新推荐文章于 2024-04-10 13:08:54 发布

阅读量461

点赞数

原文链接：http://www.cnblogs.com/wenwenwei/p/10796081.html

版权

      @keyframes dotDotDoting{
        0%
{
          width 0px
          margin-right 15px
}

        25%
{
          width 0px
          margin-right 15px
}

        50%
{
          width 5px
          margin-right 10px
}

        75%
{
          width 10px
          margin-right 5px
}

        100%
{
          width 15px
          margin-right 0
}
        }

      &.dot::after
{
        content '...'
        display inline-block
        vertical-align bottom
        overflow hidden
        width 15px
        animation dotDotDoting 1.2s infinite step-start
}

转载于:https://www.cnblogs.com/wenwenwei/p/10796081.html