导航
导航
文章目录󰁋
  1. 01. CSS Rainbow Loader
  2. 02. Single element Slack loader
  3. 03. Pure CSS3 loader
  4. 04. CSS Cog loader
  5. 05. VSCO – CSS loader
  6. 06. Cube CSS Loader
  7. 07. CSS Loader
  8. 08. Tumblr-style cog loaders
  9. 09. CSS Weather Loader
  10. 10. Chrome Cast CSS Loader
  11. 11. CSS3 Loaders
  12. 12. Android 4.4 Kitkat loader
  13. 13. CSS loaders kit
  14. 14. CSS creative loading
  15. 15. CSS Loading Animation
  16. 16. Logo Loader
  17. 17. Loaders collection by Loaders.css
  18. 18. CSS Water filling Loader
  19. 19. CSS loader
  20. 20. Animated CSS3 Loading Bar
  21. 21. CSS loading text animation
  22. 22. Simple Loader
  23. 23. CSS Loading animation
  24. 24. CSS loader
  25. 25. Pushing pixels CSS loader
  26. 26. CSS Loader
  27. 27. CSS Loaders
  • ###28. Random Loader
    1. 29. Single element CSS spinners
    2. 30. Simple CSS loader
    3. 31. SpinKit – CSS loaders
    4. 32. Modern Google Loader
    5. 33. 2D and 3D Block Loaders
    6. 34. 12 free SVG loaders
    7. 35. Page Loading Effects
    8. 36. Pace.js – Page Load Progress Bars
    9. 37. Loading SVG loaders
    10. 38. Material Design preloader
  • 关注作者公众号

    和万千小伙伴一起学习

    公众号:前端进价之旅

    HTML5+CSS3 最酷的 loading 效果收集

    这里收集了几十个用 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/

    支持一下
    扫一扫,支持poetries
    • 微信扫一扫
    • 支付宝扫一扫