整理自:instantshift
作者:神飛
原文地址:HTML5+CSS3 loading 效果收集
用gif圖片來做loading的時代已經(jīng)過去了固该,它顯得太low了锅减,而用HTML5/CSS3以及SVG和canvas來做加載動畫顯得既炫酷又逼格十足。這已經(jīng)成為一種趨勢伐坏。
這里收集了幾十個用html5和css3實現(xiàn)的loading效果怔匣,以供學(xué)習(xí)參考。
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

Other Loaders and Preloaders
34. 12 free SVG loaders

35. Page Loading Effects

36. Pace.js – Page Load Progress Bars

37. Loading SVG loaders

38. Material Design preloader
