码迷,mamicode.com
首页 > 其他好文 > 详细

content+animation实现loading效果

时间:2018-05-03 19:27:05      阅读:122      评论:0      收藏:0      [点我收藏+]

标签:initial   play   div   space   ica   span   anim   https   tps   

<dot></dot>
dot {
    display: inline-block;
    height: 1em; line-height: 1;
    vertical-align: -.25em;
    overflow: hidden;
    font-size:initial;
}
dot::before {
    display: block;
    content: ‘...\A..\A.‘;
    white-space: pre-wrap;
    animation: dot 3s infinite step-start both;
}

其中‘\A‘其实指的是换行符中的LF字符,其unicode编码是000A,在CSS content属性中则直接写作‘\A‘;换行符除了LF字符还有CR字符,其Unicode编码是000D,在CSS content属性中则直接写作‘\D‘。CR字符和LF字符分别指回车(CR)和换行(LF)。

更多方法

content+animation实现loading效果

标签:initial   play   div   space   ica   span   anim   https   tps   

原文地址:https://www.cnblogs.com/DaoBaNan/p/8986528.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!