HTML5+CSS3 最酷的 loading 效果收集 | 前端进阶之旅 - 前端求职面试刷题宝典

前端进阶之旅

综合
前端基础
进阶学习
其他

小程序题库

公众号动态

开发者导航

综合
前端基础
进阶学习
其他

小程序题库

公众号动态

开发者导航

HTML5+CSS3 最酷的 loading 效果收集

2016-05-20 09:11:44

这里收集了几十个用 html5 和 css3 实现的 loading 效果，以供学习参考

# 01. CSS Rainbow Loader

此处输入图片的描述

# 02. Single element Slack loader

此处输入图片的描述

# 03. Pure CSS3 loader

此处输入图片的描述

# 04. CSS Cog loader

此处输入图片的描述

01. CSS Rainbow Loader
02. Single element Slack loader
03. Pure CSS3 loader
04. CSS Cog loader
05. VSCO – CSS loader
06. Cube CSS Loader
07. CSS Loader
08. Tumblr-style cog loaders
09. CSS Weather Loader
10. Chrome Cast CSS Loader
11. CSS3 Loaders
12. Android 4.4 Kitkat loader
13. CSS loaders kit
14. CSS creative loading
15. CSS Loading Animation
16. Logo Loader
17. Loaders collection by Loaders.css
18. CSS Water filling Loader
19. CSS loader
20. Animated CSS3 Loading Bar
21. CSS loading text animation
22. Simple Loader
23. CSS Loading animation
24. CSS loader
25. Pushing pixels CSS loader
26. CSS Loader
27. CSS Loaders
###28. Random Loader
- 29. Single element CSS spinners
- 30. Simple CSS loader
- 31. SpinKit – CSS loaders
- 32. Modern Google Loader
- 33. 2D and 3D Block Loaders
- 34. 12 free SVG loaders
- 35. Page Loading Effects
- 36. Pace.js – Page Load Progress Bars
- 37. Loading SVG loaders
- 38. Material Design preloader

← php基础之字符串常用函数SqlServer2005学习总结 →

HTML5+CSS3 最酷的 loading 效果收集 | 前端进阶之旅 - 前端求职面试刷题宝典