HTML5+CSS3 loading 效果收集

转https://www.qianduan.net/free-html5-css3-loaders-preloaders/

HTML5+CSS3 loading 效果收集

25 January 2016

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

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

01. CSS Rainbow Loader

纯HTML5和CSS3加载效果

Demo Download

02. Single element Slack loader

纯HTML5和CSS3加载效果

Demo Download

03. Pure CSS3 loader

纯HTML5和CSS3加载效果

Demo Download

04. CSS Cog loader

纯HTML5和CSS3加载效果

Demo Download

05. VSCO – CSS loader

纯HTML5和CSS3加载效果

Demo Download

06. Cube CSS Loader

纯HTML5和CSS3加载效果

Demo Download

07. CSS Loader

纯HTML5和CSS3加载效果

Demo Download

08. Tumblr-style cog loaders

纯HTML5和CSS3加载效果

Demo Download

09. CSS Weather Loader

纯HTML5和CSS3加载效果

Demo Download

10. Chrome Cast CSS Loader

纯HTML5和CSS3加载效果

Demo Download

11. CSS3 Loaders

纯HTML5和CSS3加载效果

Demo Download

12. Android 4.4 Kitkat loader

纯HTML5和CSS3加载效果

Demo Download

13. CSS loaders kit

纯HTML5和CSS3加载效果

Demo Download

14. CSS creative loading

纯HTML5和CSS3加载效果

Demo Download

15. CSS Loading Animation

纯HTML5和CSS3加载效果

Demo Download

16. Logo Loader

纯HTML5和CSS3加载效果

Demo Download

17. Loaders collection by Loaders.css

纯HTML5和CSS3加载效果

Demo Download

18. CSS Water filling Loader

纯HTML5和CSS3加载效果

Demo Download

19. CSS loader

纯HTML5和CSS3加载效果

Demo Download

20. Animated CSS3 Loading Bar

纯HTML5和CSS3加载效果

Demo Download

21. CSS loading text animation

纯HTML5和CSS3加载效果

Demo Download

22. Simple Loader

纯HTML5和CSS3加载效果

Demo Download

23. CSS Loading animation

纯HTML5和CSS3加载效果

Demo Download

24. CSS loader

纯HTML5和CSS3加载效果

Demo Download

25. Pushing pixels CSS loader

纯HTML5和CSS3加载效果

Demo Download

26. CSS Loader

纯HTML5和CSS3加载效果

Demo Download

27. CSS Loaders

纯HTML5和CSS3加载效果

Demo Download

28. Random Loader

纯HTML5和CSS3加载效果

Demo Download

29. Single element CSS spinners

纯HTML5和CSS3加载效果

Demo Download

30. Simple CSS loader

纯HTML5和CSS3加载效果

Demo Download

31. SpinKit – CSS loaders

纯HTML5和CSS3加载效果

Demo Download

32. Modern Google Loader

纯HTML5和CSS3加载效果

Demo Download

33. 2D and 3D Block Loaders

纯HTML5和CSS3加载效果

Demo Download

Other Loaders and Preloaders

34. 12 free SVG loaders

纯HTML5和CSS3加载效果

Demo Download

35. Page Loading Effects

纯HTML5和CSS3加载效果

Demo Download

36. Pace.js – Page Load Progress Bars

纯HTML5和CSS3加载效果

Demo Download

37. Loading SVG loaders

纯HTML5和CSS3加载效果

Demo Download

38. Material Design preloader

纯HTML5和CSS3加载效果

Demo Download

 

转载于:https://www.cnblogs.com/rubyxie/articles/7285649.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值