html
<div class="spinner">
  <div class="rect1"></div>
  <div class="rect2"></div>
  <div class="rect3"></div>
  <div class="rect4"></div>
  <div class="rect5"></div>
</div>
 
css
.spinner {
  margin: 100px auto;
  width: 50px;
  height: 60px;
  text-align: center;
  font-size: 10px;
}
 
.spinner > div {
  background-color: #67CF22;
  height: 100%;
  width: 6px;
  display: inline-block;
   
  -webkit-animation: stretchdelay 1.2s infinite ease-in-out;
  animation: stretchdelay 1.2s infinite ease-in-out;
}
 
.spinner .rect2 {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}
 
.spinner .rect3 {
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}
 
.spinner .rect4 {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}
 
.spinner .rect5 {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
}
 
@-webkit-keyframes stretchdelay {
  0%, 40%, 100% { -webkit-transform: scaleY(0.4) } 
  20% { -webkit-transform: scaleY(1.0) }
}
 
@keyframes stretchdelay {
  0%, 40%, 100% {
    transform: scaleY(0.4);
    -webkit-transform: scaleY(0.4);
  }  20% {
    transform: scaleY(1.0);
    -webkit-transform: scaleY(1.0);
  }
}
 
 

最新文章

  1. Metaio获取当前追踪的对象的方法
  2. Android在listview添加checkbox实现单选多选操作问题（转）
  3. Krajee 文件上传
  4. c# dataGridview的Cellclick移除事件
  5. Xcode编译WebApps找不到js的错误解决办法&lt;转&gt;
  6. 让 zend studio 识别 Phalcon语法并且进行语法提示
  7. 移动app测试浅析
  8. office 文件在网页中显示
  9. 29. leetcode 167. Two Sum II - Input array is sorted
  10. 如何在MySQL中设置外键约束以及外键的作用
  11. OC内存管理-OC笔记
  12. Ceres Solver 在win8+vs2013环境下的安装
  13. AngularJS2+调用原有的js脚本(AngularJS脚本跟本地原有脚本之间的关系)
  14. 由AC自动机引发的灵感
  15. 【转】vue技术分享-你可能不知道的7个秘密
  16. qt之菜单栏的创建
  17. Steering Behaviors
  18. 查找和替换img src
  19. 扩展一个boot的插件—tooltip&amp;做一个基于boot的表达验证
  20. Python 爬虫 数据清洗 去掉 超链接

热门文章

  1. python初级 1 数据类型和变量
  2. 【Vue】转-Vue.js经典开源项目汇总
  3. luanet更名为distri.lua
  4. 60款很酷的 jQuery 幻灯片演示和下载【转】
  5. bootstrap 弹出框实现点击后打开离开后关闭
  6. vue项目打包后一片空白及资源引入的路径报错解决办法
  7. LDAP - 轻量目录访问协议
  8. “对外部(局部)变量的访问”是C语言函数指针的最大弱点
  9. Linux的磁盘系统和文件系统显示的文件大小为什么不一样(du指令和ls指令的区别)
  10. opencv -python