css3loading状态3
来源:互联网 发布:阿里云怎么建设网站 编辑:程序博客网 时间:2024/05/22 00:38
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> .demo{ width:400px; margin: 50px auto; position: relative; } .demo i{ display: block; width:20px; height: 20px; background:#333; border-radius:50%; position: absolute; } .demo i:nth-child(1){animation:loading-3 2s linear 0s infinite;} .demo i:nth-child(2){animation:loading-3 2s linear -.4s infinite;} .demo i:nth-child(3){animation:loading-3 2s linear -.8s infinite;} .demo i:nth-child(4){animation:loading-3 2s linear -1.2s infinite;} .demo i:nth-child(5){animation:loading-3 2s linear -1.6s infinite;} @keyframes loading-3{ 0%{ left:100px; top:0; } 80%{ left:0px; top:0; } 85%{ left:0px; top:-20px; width:20px; height: 20px; } 90%{ width:40px; height: 20px; } 95%{ width: 20px; height: 20px; top:-20px; left:100px; } 100%{ left:100px; top:0px; } } </style></head><body> <div class="demo"> <i></i> <i></i> <i></i> <i></i> <i></i> </div></body></html>
0 0
- css3loading状态3
- css3loading状态1
- css3loading状态2
- css3loading 状态4
- 3-11, 状态记录
- 模拟状态3
- 状态
- 状态
- 状态
- 状态
- 状态
- 状态
- 状态
- 状态
- 状态
- 状态
- 状态
- 状态
- Oracle 12c单机数据库干净卸载
- 匈牙利命名法的辩思
- Xcode缓存路径,Provisioning Profile 存储的路径
- android 读取U盘
- Dubbo学习
- css3loading状态3
- OCR备份与恢复
- 隐藏jQuery Dialog的关闭图标
- Android 设置Toast的位置
- Runtime的简单使用
- 关于bigfile表空间
- 字体界的黑科技!输入数字立刻生成酷炫信息图的字体
- 工欲善其事,必先利其器
- 第十六周项目1—阅读程序(1)