chaihongjun.me

38种HTML5+CSS3的loading效果

38种HTML5+CSS3的loading效果

用gif图片来做loading的时代已经过去了,它显得太low了,而用HTML5/CSS3以及SVG和canvas来做加载动画显得既炫酷又逼格十足。这已经成为一种趋势。这里收集了几十个用html5和css3实现的loading效果,以供学习参考。

01. CSS Rainbow Loader

38种HTML5+CSS3的loading效果

Demo Download

02. Single element Slack loader

38种HTML5+CSS3的loading效果

Demo Download

03. Pure CSS3 loader

38种HTML5+CSS3的loading效果

Demo Download

04. CSS Cog loader

38种HTML5+CSS3的loading效果

Demo Download

05. VSCO – CSS loader

38种HTML5+CSS3的loading效果

Demo Download

06. Cube CSS Loader

38种HTML5+CSS3的loading效果

Demo Download

07. CSS Loader

38种HTML5+CSS3的loading效果

Demo Download

08. Tumblr-style cog loaders

38种HTML5+CSS3的loading效果

Demo Download

09. CSS Weather Loader

38种HTML5+CSS3的loading效果

Demo Download

10. Chrome Cast CSS Loader

38种HTML5+CSS3的loading效果

Demo Download

11. CSS3 Loaders

38种HTML5+CSS3的loading效果

Demo Download

12. Android 4.4 Kitkat loader

38种HTML5+CSS3的loading效果

Demo Download

13. CSS loaders kit

38种HTML5+CSS3的loading效果

Demo Download

14. CSS creative loading

38种HTML5+CSS3的loading效果

Demo Download

15. CSS Loading Animation

38种HTML5+CSS3的loading效果

Demo Download

16. Logo Loader

38种HTML5+CSS3的loading效果

Demo Download

17. Loaders collection by Loaders.css

38种HTML5+CSS3的loading效果

Demo Download

18. CSS Water filling Loader

38种HTML5+CSS3的loading效果

Demo Download

19. CSS loader

38种HTML5+CSS3的loading效果

Demo Download

20. Animated CSS3 Loading Bar

38种HTML5+CSS3的loading效果

Demo Download

21. CSS loading text animation

38种HTML5+CSS3的loading效果

Demo Download

22. Simple Loader

38种HTML5+CSS3的loading效果

Demo Download

23. CSS Loading animation

38种HTML5+CSS3的loading效果

Demo Download

24. CSS loader

38种HTML5+CSS3的loading效果

Demo Download

25. Pushing pixels CSS loader

38种HTML5+CSS3的loading效果

Demo Download

26. CSS Loader

38种HTML5+CSS3的loading效果

Demo Download

27. CSS Loaders

38种HTML5+CSS3的loading效果

Demo Download

28. Random Loader

38种HTML5+CSS3的loading效果

Demo Download

29. Single element CSS spinners

38种HTML5+CSS3的loading效果

Demo Download

30. Simple CSS loader

38种HTML5+CSS3的loading效果

Demo Download

31. SpinKit – CSS loaders

38种HTML5+CSS3的loading效果

Demo Download

32. Modern Google Loader

38种HTML5+CSS3的loading效果

Demo Download

33. 2D and 3D Block Loaders

38种HTML5+CSS3的loading效果

Demo Download

Other Loaders and Preloaders

34. 12 free SVG loaders

38种HTML5+CSS3的loading效果

Demo Download

35. Page Loading Effects

38种HTML5+CSS3的loading效果

Demo Download

36. Pace.js – Page Load Progress Bars

38种HTML5+CSS3的loading效果

Demo Download

37. Loading SVG loaders

38种HTML5+CSS3的loading效果

Demo Download

38. Material Design preloader

38种HTML5+CSS3的loading效果

Demo Download

知识共享许可协议本作品采用知识共享署名-非商业性使用-相同方式共享 4.0 国际许可协议进行许可。作者:chaihongjun»