css3省略号小动画...
css3省略号小动画...
端木遗风 发表于1个月前
css3省略号小动画...
  • 发表于 1个月前
  • 阅读 0
  • 收藏 0
  • 点赞 0
  • 评论 0

腾讯云 十分钟定制你的第一个小程序>>>   

 

利用伪元素 :after 的content属性配合css3做省略号加载小动画。

<span class="coming">敬请期待</span>

<style>

    .coming:after{content: "";-webkit-animation:dotAnimate 1s infinite;}

    @-webkit-keyframes dotAnimate{
        0%,100%{content: "";}
        25%{content: ".";}
        50%{content: "..";}
        75%{content: "...";}
    }

</style>

 

共有 人打赏支持
粉丝 0
博文 15
码字总数 3623
×
端木遗风
如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!
* 金额(元)
¥1 ¥5 ¥10 ¥20 其他金额
打赏人
留言
* 支付类型
微信扫码支付
打赏金额:
已支付成功
打赏金额: