用 gif 图片来做 loading 的时代已经过去了,它显得太 low 了,而用 HTML5/CSS3 以及 SVG 和 canvas 来做加载动画显得既炫酷又逼格十足。这已经成为一种趋势。 这里收集了几十个用 html5 和 css3 实现的 loading 效果,以供学习参考。
01. CSS Rainbow Loader02. Single element Slack loader03. Pure CSS3 loader04. CSS Cog loader05. VSCO – CSS loader06. Cube CSS Loader07. CSS Loader08. Tumblr-style cog loaders09. CSS Weather Loader10. Chrome Cast CSS Loader11. CSS3 Loaders12. Android 4.4 Kitkat loader13. CSS loaders kit14. CSS creative loading15. CSS Loading Animation16. Logo Loader17. Loaders collection by Loaders.css18. CSS Water filling Loader19. CSS loader20. Animated CSS3 Loading Bar21. CSS loading text animation22. Simple Loader23. CSS Loading animation24. CSS loader25. Pushing pixels CSS loader26. CSS Loader 27. CSS Loaders28. Random Loader29. Single element CSS spinners30. Simple CSS loader31. SpinKit – CSS loaders32. Modern Google Loader33. 2D and 3D Block Loaders34. 12 free SVG loaders35. Page Loading Effects36. Pace.js – Page Load Progress Bars37. Loading SVG loaders38. Material Design preloader作者:神飞 |
|
来自: 昵称32350722 > 《前端》