技术头条 - 一个快速在微博传播文章的方式     搜索本站
您现在的位置首页 --> CSS/HTML --> HTML5+CSS3 loading 效果收集

HTML5+CSS3 loading 效果收集

浏览:3162次  出处信息

   用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


   整理自:instantshift

   中文原文:HTML5+CSS3 loading 效果收集

建议继续学习:

  1. 内容loading加载后高度变化CSS3 transition体验优化    (阅读:1628)
  2. 何处安放的Loading    (阅读:1551)
QQ技术交流群:445447336,欢迎加入!
扫一扫订阅我的微信号:IT技术博客大学习
© 2009 - 2024 by blogread.cn 微博:@IT技术博客大学习

京ICP备15002552号-1