loading
2017-12-20 13:45
148 查看
<!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>
相关文章推荐
- 关于hyper-v disk2vhd p2v后出现Error loading operating system的解决方案
- Hibernate延迟加载 lazy loading
- GRUB Chain-loading an OS(from grub manual)
- Error loading driver:java.lang.ClassNotFoundException: com.mysql.jdbc.Driver
- 自定义组件—LoadingProcessView
- error while loading shared libraries: libmysqlclient.so.16: cannot open shared object file: No such file or directory
- ClassLoading
- 关于怎么成为一个大神【loading……】
- Lazy Load - jQuery plugin for lazy loading images(基于jQuery的图片延迟加载插件)
- Loading style sheets at run time
- 20.1.3.Loading a JDBC Driver: Using Class.forName()[用Class.forName()]来加载JDBC Driver
- 10 CSS3 and jQuery Loading Animations Solutions
- HTML页面加载和请求发送时LOADING动画
- 使用c#,WPF,模仿IPhone的Loading(加载)效果
- error while loading shared libraries
- HTML5实现的Loading缓冲效果
- backgroundWorker 等待窗口的实现(loading窗口)
- 所有Loading效果
- Loading Menus Through XML Files
- iReport 子报表 Error loading object from URL