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

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


此处输入图片的描述

演示 下载

93: https://github.com/tobiasahlin/SpinKit 92: http://tobiasahlin.com/spinkit/

111: https://github.com/jxnblk/loading[110]: http://jxnblk.com/loading/

转载请保持原始链接

原始链接: https://ru23.com/note/a5d30e83.html