转载

HTML5+CSS3 loading 效果收集

HTML5+CSS3 loading 效果收集

用gif图片来做loading的时代已经过去了,它显得太low了,而用HTML5/CSS3以及SVG和canvas来做加载动画显得既炫酷又逼格十足。这已经成为一种趋势。

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

01. CSS Rainbow Loader

HTML5+CSS3 loading 效果收集

Demo Download

02. Single element Slack loader

HTML5+CSS3 loading 效果收集

Demo Download

03. Pure CSS3 loader

HTML5+CSS3 loading 效果收集

Demo Download

04. CSS Cog loader

HTML5+CSS3 loading 效果收集

Demo Download

05. VSCO – CSS loader

HTML5+CSS3 loading 效果收集

Demo Download

06. Cube CSS Loader

HTML5+CSS3 loading 效果收集

Demo Download

07. CSS Loader

HTML5+CSS3 loading 效果收集

Demo Download

08. Tumblr-style cog loaders

HTML5+CSS3 loading 效果收集

Demo Download

09. CSS Weather Loader

HTML5+CSS3 loading 效果收集

Demo Download

10. Chrome Cast CSS Loader

HTML5+CSS3 loading 效果收集

Demo Download

11. CSS3 Loaders

HTML5+CSS3 loading 效果收集

Demo Download

12. Android 4.4 Kitkat loader

HTML5+CSS3 loading 效果收集

Demo Download

13. CSS loaders kit

HTML5+CSS3 loading 效果收集

Demo Download

14. CSS creative loading

HTML5+CSS3 loading 效果收集

Demo Download

15. CSS Loading Animation

HTML5+CSS3 loading 效果收集

Demo Download

16. Logo Loader

HTML5+CSS3 loading 效果收集

Demo Download

17. Loaders collection by Loaders.css

HTML5+CSS3 loading 效果收集

Demo Download

18. CSS Water filling Loader

HTML5+CSS3 loading 效果收集

Demo Download

19. CSS loader

HTML5+CSS3 loading 效果收集

Demo Download

20. Animated CSS3 Loading Bar

HTML5+CSS3 loading 效果收集

Demo Download

21. CSS loading text animation

HTML5+CSS3 loading 效果收集

Demo Download

22. Simple Loader

HTML5+CSS3 loading 效果收集

Demo Download

23. CSS Loading animation

HTML5+CSS3 loading 效果收集

Demo Download

24. CSS loader

HTML5+CSS3 loading 效果收集

Demo Download

25. Pushing pixels CSS loader

HTML5+CSS3 loading 效果收集

Demo Download

26. CSS Loader

HTML5+CSS3 loading 效果收集

Demo Download

27. CSS Loaders

HTML5+CSS3 loading 效果收集

Demo Download

28. Random Loader

HTML5+CSS3 loading 效果收集

Demo Download

29. Single element CSS spinners

HTML5+CSS3 loading 效果收集

Demo Download

30. Simple CSS loader

HTML5+CSS3 loading 效果收集

Demo Download

31. SpinKit – CSS loaders

HTML5+CSS3 loading 效果收集

Demo Download

32. Modern Google Loader

HTML5+CSS3 loading 效果收集

Demo Download

33. 2D and 3D Block Loaders

HTML5+CSS3 loading 效果收集

Demo Download

Other Loaders and Preloaders

34. 12 free SVG loaders

HTML5+CSS3 loading 效果收集

Demo Download

35. Page Loading Effects

HTML5+CSS3 loading 效果收集

Demo Download

36. Pace.js – Page Load Progress Bars

HTML5+CSS3 loading 效果收集

Demo Download

37. Loading SVG loaders

HTML5+CSS3 loading 效果收集

Demo Download

38. Material Design preloader

HTML5+CSS3 loading 效果收集

Demo Download

整理自: instantshift

中文原文: HTML5+CSS3 loading 效果收集

HTML5+CSS3 loading 效果收集

原文  https://www.qianduan.net/free-html5-css3-loaders-preloaders/
正文到此结束
Loading...