字符点点点loading效果
使用方法:html使用示意:订单提交中
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 |
dot { display: inline-block; height: 1em; line-height: 1; text-align: left; vertical-align: -.25em; overflow: hidden; } dot::before { display: block; content: '...\A..\A.'; white-space: pre-wrap; /* 也可以是white-space: pre */ animation: dot 3s infinite step-start both; } @keyframes dot { 33% { transform: translateY(-2em); } 66% { transform: translateY(-1em); } } |
版权声明:
作者:心飞翔
链接:https://www.faystar.com/techshare/website/1483.html
来源:心飞翔
文章版权归作者所有,未经允许请勿转载。
THE END
0
二维码
海报
字符点点点loading效果
使用方法:html使用示意:订单提交中...
1234567891011121314151617
dot { &n……
共有 0 条评论