loading
来源:互联网 发布:java 短网址 编辑:程序博客网 时间:2024/06/14 19:42
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>你好</title></head><style> .kline-loading-main{ position: absolute; top: 0; bottom: 0; left: 0; right: 0; } .kline-loading { position: absolute; top: 45%; left: 50%; text-align: center; width: 150px; height: 12px; margin: -6px 0 0 -75px; } .kline-loading span{ display: inline-block; width: 12px; height: 100%; margin-right: 3px; border-radius: 50%; background: #659aea; animation: load 1.04s ease infinite; } span:last-child{ margin-right: 0; } span:nth-child(1){ animation-delay:0.13s; } span:nth-child(2){ animation-delay:0.26s; } span:nth-child(3){ animation-delay:0.39s; } span:nth-child(4){ animation-delay:0.52s; } span:nth-child(5){ animation-delay:0.65s; } @keyframes load{ 0%{ opacity: 1; } 100%{ opacity: 0; } }</style><body><div class="kline-loading-main"> <div class="kline-loading"> <span></span> <span></span> <span></span> <span></span> <span></span> </div></div></body><script></script></html>
阅读全文
0 0
- Loading.....
- loading...
- Loading
- loading
- loading
- loading
- Loading...
- Loading
- loading
- loading
- loading
- Loading...
- Loading...
- Loading...
- Loading
- Loading
- Loading
- loading
- pat乙1013
- Andrew Ng's deeplearning Course4Week2 Deep convolutional models(深度卷积网络:实例探究)
- 海量数据实时在线分析Quick BI入门
- HLMC_55 IP数字后端设计
- HttpClient入门教程
- loading
- ubuntu设置securecrt串口权限
- 好现实的问题:电子工程师如何让自己变得“值钱”!
- springcloud学习(一)
- 准备投区块链?听听当下硅谷最火的四条投资军规
- TypeScript学习总结
- Qt基础——获取QGraphicsScene的缩略图即导出到图片
- OS学习笔记(1)
- ViewPager +Fragment Fragment销毁后状态保存恢复防止出现白屏