CSS3 的 loader 加载动画

2,157 阅读1分钟
原文链接: theme.bcoder.cn

纯CSS3书写的loader动画效果,当然可以搭配jq使用,还有react 和 Angular 版本

浏览器支持

效果演示地址

095332ulo0nn5xloomvxel

演示地址:weber.pub/demo/160912…

演示地址:weber.pub/demo/160912…

下载

链接:pan.baidu.com/s/1jIx0s4I 密码:oxln

github 地址:https://github.com/ConnorAtherton/loaders.css

npm i --save-dev loaders.css
bower install loaders.css

使用

1、纯css3版本

  • 引入 loaders.min.css
  • 创建元素并添加 class

演示地址:weber.pub/demo/160912…



  
  


  
    

2、搭配 Jquery 使用

  • 引入 loaders.min.css Jquery 和 loaders.css.js
  • 创建元素并添加 class
  • loaders.css.js 会自动根据class 创建对应数量的 div
  • loaders.css.js 调用
$('.loader-inner').loaders()

演示地址:weber.pub/demo/160912…



  
  


  
    

原文地址themecoder : CSS3的loader加载动画》转载请注明此来源